关于jQuery封装 Ajax请求的一些知识

ajaxtony 2020-05-05

在jQuery中,已经给我们封装好了 ajax请求

我们不用去考虑,兼容 跨域 等问题。

只要在设定请求时,设定不同的参数,就可以完成不同的请求

jQuery中封装 ajax请求,有三种方法

1,get请求方式  $.get()

参数有四个参数,其中必填的参数是 url 地址,其他参数都是选填参数,可以没有

            $.get({
                url : 地址(必填)
                data : 携带的参数 对象形式
                dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析
                success : function(){} 请求成功时执行的函数
            })
 
2,post请求方式  $.post()
  和get 请求方式的参数完全相同,只改变了请求的方式

            $.post({
                url : 地址(必填)
                data : 携带的参数 对象形式
                dataType : 期望的数据类型,如果为json,会将后端返回的json串,自动解析
                success : function(){} 请求成功时执行的函数
            })
 
3,$.ajax()  综合方式         (常用)
  
            $.ajax({
                常用:
                url : 地址;
                type / method : 请求方式 默认值是get方式
                data : { } 传参参数,必须是对象形式
                dataType : json,  设定为json,会自动解析反应提中的json串
                success : function(){}  请求成功执行的函数

                不常用:
                async : 设定是否异步,默认值是true,异步执行ajax请求
                error : function(){}  请求错误时执行的函数
                        请求成功时不会执行
                timeout : 设定时间,单位 毫秒
                          如果请求时间超过设定的时间,认为是请求失败
                          必须是异步执行
                cache : 设定是否缓存请求结果
                        默认值是 true,缓存请求结果
                        必须是get方式,这个设定才起作用
                        post方式不会缓存,设定也没有效果
                context : 指定 执行函数中 this的指向
            })

相关推荐

mmywcoco / 0评论 2020-06-06