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

Posted guojiayuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于jQuery封装 Ajax请求的一些知识相关的知识,希望对你有一定的参考价值。

在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的指向
            })

以上是关于关于jQuery封装 Ajax请求的一些知识的主要内容,如果未能解决你的问题,请参考以下文章

详解原生Ajax的实现,并模仿JQuery进行封装

如何优化 Jquery 中的 ajax 请求? [关闭]

高级前端:详解手写原生Ajax的实现

jquery ajax 放在重复点击事件beforeSend方法

浅谈jquery中的ajax请求和跨域请求

存在中止调用时触发 jQuery 的 ajaxStop 事件