美文网首页
原生ajax / $ajax

原生ajax / $ajax

作者: 798b6b7c244d | 来源:发表于2020-08-14 16:29 被阅读0次
                var parme = {
                    username: username.value,
                    mobile: phone.value,
                    sex: sex,
                    city: '杭州'
                }

                // 源生
                var xhr = new XMLHttpRequest();
                xhr.open('POST', '/');
                // xhr.setRequestHeader("token",token)          //请求头携带参数(token)
                // xhr.setRequestHeader("Accept",'application/json, text/javascript, */*')    // 修改请求头Accept属性
                xhr.send(JSON.stringify(parme));
                xhr.onreadystatechange = function() {
                    if (xhr.readyState === 4) {
                        console.log('success', xhr.responseText);
                    } else {
                        console.log('error', xhr.responseText);
                    }
                }

                //jq
                $.ajax({
                    type: "POST",
                    url: "",
                    data: parme,
                    dataType: "json",
                    success: function(data){
                        $('#success').animate({
                            top: '0px'
                        }, 500)
                        setTimeout(function() {
                            $('#success').animate({
                                top: '-40px'
                            }, 500)
                        }, 3000)
                    }
                });

相关文章

  • Ajax

    标签: Ajax 正文 一、实现一个原生Ajax 二、Ajax状态 三、将原生的 ajax 封装成 promise

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

  • ajax总结

    1. Ajax 1.1 原生JavaScript封装Ajax 1.2 jquery ajax 及其 快捷方法 $....

  • 原生ajax和jquery中的ajax

    原生的ajax请求方法: jquery中的ajax:

  • ajax

    原生ajax配置详解 对ajax简单封装 调用

  • Ajax Axios

    关于Ajax兼容性问题 前端原生Ajax(get方式),后端使用node.js 前后端代码: 前端原生Ajax(p...

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • AJAX请求

    原生JavaScript中的AJAX请求 AJAX = Asynchronous JavaScript and X...

网友评论

      本文标题:原生ajax / $ajax

      本文链接:https://www.haomeiwen.com/subject/itzgdktx.html