jQ中使用Ajax

139 阅读1分钟

【jQ中的Ajax】

$.ajax({

 异步 默认为true 

 false表示同步 改同步渲染页面会出现白屏现象

 async:true,

 是否设置浏览器的缓存功能 true 设置缓存

 false不设置缓存 每次请求都是新的请求 

 cache:true,

 请求的接口 

 url:"timemeetyou.com:8889/api/private…",

 url:"./123.txt",

 请求的方式 post有加密功能 

 method:"post",

 method:"get",

 发送到服务器的数据 

 data:{

 username:'admin',

 password:'123456'

 },

 预期服务器返回的数据类型 json jsonp

 dataType:'json',

 在一个 jsonp 请求中重写回调函数的名字 

 这里fn需要和后台的代码对应 

 jsonp:"fn",

 为 jsonp 请求指定一个回调函数名 

 callbackFn 是前端配置的 

 jsonpCallback:"callbackFn",

 请求成功之后 执行的回调函数 

 success:function(res){

 success后面的方法里面的形参res表示后台返回的数据 

 console.log( res );

 },

 请求失败时调用此函数 

 error:function(err){

 console.log(err)

 }

 })

})

$.post有三个参数 第一参数表示接口地址 第二个参数表示传输的数据

第三个参数表示成功后的回调函数 

 $.get 方法 不需要传参 第一个是接口地址 第二个回调函数 

 需要传参 第一个是接口地址 第二个传输的数据 第三个是成功后的回调函数

                       参数                类型                描述

options           Object            可选,AJAX    请求设置,所有选项都是可选的

async              Boolean          默认值: true。 默认设置下,所有请求均为异步请求。如果需要                                                                       发送同步请求,请将此选项设置为 false

cache              Boolean          默认值: true, dataType 为 script 和 jsonp 时默认为 false。                                                                        设置为 false 将不缓存此页面

data                String              发送到服务器的数据

dataType        String              预期服务器返回的数据类型

error               Function         请求失败时调用此函数

success           Function         请求成功后的回调函数

jsonp              String              在一个 jsonp 请求中重写回调函数的名字

jsonpCallback    String           为 jsonp 请求指定一个回调函数名