首页 > Web开发 > 详细

jQuery封装Ajax的方法

时间:2020-05-03 00:05:43      阅读:66      评论:0      收藏:0      [点我收藏+]

jQuery中封装的ajax请求

优点:不需要考虑兼容性和跨域的问题,jQuery全部都解决了

jQuery封装Ajax的方法有三种

第一种:

$.get()   get请求方式

 

参数有 4 个  必填参数是 url地址   其他参数选填 
参数的形式是对象的形式
            $.get({
                url : 地址(必填)
                data : 携带的参数  对象形式
                dataType : 期望的数据类型 如果为json 会将后端返回的json串自动解析
                success : function(){}  请求成功是执行的函数
            })
技术分享图片
 
第二种:
$.post()     poost请求方式
       参数有 4 个参数 必填参数是 url地址 其他参数选填 可以没有
       参数的形式是对象的形式
            $.post({
                url : 地址(必填)
                data : 携带的参数  (对象形式)
                dataType : 期望的数据类型 如果为json 会将后端返回的json串自动解析
                success : function(){}  请求成功是执行的函数
            })         
技术分享图片

第三种:
$.ajax()     综合方式
      参数有 N 个参数 特别多 
      常规get post 请求(不是跨域) 常用参数
      $.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的方法

原文:https://www.cnblogs.com/zsr0328/p/12820156.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!