jQuery封装Ajax的方法

2021-03-13 08:33

阅读:325

标签:时间   技术   超过   成功   ror   eth   font   ima   get   

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的方法

标签:时间   技术   超过   成功   ror   eth   font   ima   get   

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


评论


亲,登录后才可以留言!