jQuery中,给我们分装好了请求方式,我们只要直接使用就可以了
$.get() 专门发送get请求的
$.post() 专门发送post请求的
参数1: url传参地址
参数2: 携带的参数
可以是字符串形式 '键名=数值&键名=数值...'
还可以是对象形式 { 键名:数值 , 键名:数值.... }
参数3: 回调函数
定义一个形参,jQuery程序会将返回的响应体内容,直接存储在形参中
参数4: 期望返回的数据类型
如果定义第四个参数是 json
jQuery会自动解析还原,响应体json串
但是必须要确保结果是 json字符串
// get
// 携带的参数是对象形式 响应体是一个json字符串
$.get('./demo.php' , {name:'李四',age:100} , res => {
// 如果返回的响应体是 json串,需要 还原为对应的数据类型
const obj = JSON.parse(res);
console.log(obj)
} );
// post
// 携带的参数是字符串形式
$.post( './demo.php' , 'name=jack&sex=women' , res => console.log( res ) , 'json' );$.ajax() 可以发送多种形式的请求
参数只有一个,必须是对象形式
$.ajax( {
// 常用的:
url: '请求地址',
data: {},//字符串 请求携带的参数
type: get/post ,//请求的方式
dataType: 'json',//返回的数据类型 如果是json串,就定义 'json' 会自动还原
success: function(res){}, //请求结束时,执行的回调函数
// 不常用:
async: true / false, //是否异步请求
error: ()=>{console.log('请求错误');},//请求错误时,执行的程序
timeout: 2000,//设定请求超时时间 单位毫秒
//设定时间,如果请求时间超过设定时间,认为请求错误
cache: true / false,//浏览器是否缓存 只对get请求方式有用
context: $('.'),//设定 success 或者 error 中 回调函数的this
// this默认指向 jQuery创建的 ajax请求对象
})
Comments | NOTHING