关于ajax的三次封装 --每次封装简况

最新推荐文章于 2022-03-09 22:27:27 发布

hodge11

最新推荐文章于 2022-03-09 22:27:27 发布

阅读量295

点赞数

分类专栏：前台

本文链接：https://blog.csdn.net/hodge11/article/details/105324297

版权

前台专栏收录该内容

5 篇文章 0 订阅

订阅专栏

原生ajax:
readyState 准备状态
status 页面状态
send 发送请求
open 打开对象,设置请求
XMLHttpRequest 火狐谷歌等浏览器适用
ActiveXObject IE适用

           ajax第一次封装 (内容顺序不唯一)
                 $.ajax({
                     url:"",//路径
                     data:{},//传递的参数
                     type:"",//提交方式post/get
                     dataType:"",//预期服务器返回的数据类型json/text
                     success:function (){},//成功时的回调函数
                     error:function (){},//失败时的回调函数
                     async: true/false 是否异步
                 });
                 
               ajax第二次封装   (内容顺序唯一)
                $.post(
                    "",//url路径
                    {},//data传递的参数
                    function(){},//成功时的回调函数success
                    "" //第一次封装dataType => 第二次封装type 预期服务服务器返回的数据类型 json/text
                )


                $.get(
                    "",//url路径
                    {},//data传递的参数
                    function(){},//成功时的回调函数success
                    "" //第一次封装dataType => 第二次封装type 预期服务服务器返回的数据类型 json/text
                )


                 $("#div1").load(//括号中是对象
                    "",//规定要将请求发送到哪个 URL。
                    {data},//可选。规定连同请求发送到服务器的数据。
                    function(responseTxt,statusTxt,xhr){//可选。规定当请求完成时运行的函数。
                     //response - 包含来自请求的结果数据
                     //status - 包含请求的状态（"success", "notmodified", "error", "timeout" 或 "parsererror"）
                     //xhr - 包含 XMLHttpRequest 对象
                        if(statusTxt=="success")
                            alert("加载成功!");
                        if(statusTxt=="error")
                            alert("Error: "+xhr.status+": "+xhr.statusText);
                });


               ajax第三次封装
                $.getJSON(//只接收json类型的数据
                    "",//url 路径
                    {},//data 传递的数据
                    function (){//success成功时的回调函数
                        
                    }
                );


                $.getScript(
                    "http://localhost:8080/demo.js",//url路径（可以是不同的项目中）
                    function (){//success成功时的回调函数
                        alert("成功的执行了js文件,划拉");
                    }
                );