Ajax学习:jQuery发送ajax请求 通用方法$.ajax
创始人
2024-04-15 11:34:32
app.all('/jQuery',(requset,response)=>{response.setHeader('Access-Control-Allow-Origin','*');const data={name:'张三'};let str=JSON.stringify(data);//需要转换称为json 否则传递的任然是对象response.send(str);//3s之后返回给客户端
})
			$('button').eq(2).click(function() {//给谁发 发送的参数(类型 对象) 回调函数 设置响应体类型var a = {a: 33,b: 'post'}//参数是对象 属性设置请求参数$.ajax({url:'http://127.0.0.1:8000/jQuery',//参数data:a,//请求类型type:'GET',//成功的回调success:function(data){console.log(data)}})})

查看请求参数 

查看响应体 返回了字符串

 

 设置响应体的数据:dataType:'json',

				//参数是对象 属性设置请求参数$.ajax({url:'http://127.0.0.1:8000/jQuery',//参数data:a,//请求类型type:'GET',//设置响应体结果dataType:'json',//成功的回调success:function(data){console.log(data)}})

返回对象 


失败的回调;可以捕捉各种异常 都可以 网络 超时 等

 

			//参数是对象 属性设置请求参数$.ajax({url:'http://127.0.0.1:8000/jQuery',//参数data:a,//请求类型type:'GET',//设置响应体结果dataType:'json',//成功的回调success:function(data){console.log(data)},//失败的回调error:function(){alert('出错了')}})})


延时的回调:设置延时 在服务器端设置延时函数

app.all('/jQuery',(requset,response)=>{response.setHeader('Access-Control-Allow-Origin','*');const data={name:'张三'};let str=JSON.stringify(data);//需要转换称为json 否则传递的任然是对象setTimeout(()=>{//设置响应体response.send(str);//3s之后返回给客户端},3000)
})

 

				//参数是对象 属性设置请求参数$.ajax({url:'http://127.0.0.1:8000/jQuery',//参数data:a,//请求类型type:'GET',//设置响应体结果dataType:'json',//成功的回调success:function(data){console.log(data)},//超时事件timeout:2000,//失败的回调error:function(){alert('出错了')}})})

 


$('button').eq(2).click(function() {//给谁发 发送的参数(类型 对象) 回调函数 设置响应体类型var a = {a: 33,b: 'post'}//参数是对象 属性设置请求参数$.ajax({url: 'http://127.0.0.1:8000/jQuery',//参数data: a,//请求类型type: 'GET',//设置响应体结果dataType: 'json',//成功的回调success: function(data) {console.log(data)},//超时事件timeout: 2000,//失败的回调error: function() {alert('出错了')},//头信息 自定义 预检请求校验 也就是发两次请求 需要设置allheaders: {a: 230,d: 780}})})

 

设置请求头:自定义 的 是预检请求 发两次 需要设置all.和允许通过所有请求头 

 

 

预定义请求头:

			$('button').eq(2).click(function() {//给谁发 发送的参数(类型 对象) 回调函数 设置响应体类型var a = {a: 33,b: 'post'}//参数是对象 属性设置请求参数$.ajax({url: 'http://127.0.0.1:8000/jQuery',//参数data: a,//请求类型type: 'GET',//设置响应体结果dataType: 'json',//成功的回调success: function(data) {console.log(data)},//超时事件timeout: 2000,//失败的回调error: function() {alert('出错了')},//头信息 自定义 预检请求校验 也就是发两次请求 需要设置allheaders: {'Content-type':'application/x-www-form-urlencoded'}})})

 

post请求还可以设置请求体 

jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm (cuishifeng.cn)c

查看jquery文档 

相关内容

热门资讯

demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...