用jquery实现Ajax

代码

首先定义三个按钮

用jquery方法获取三个按钮（别忘了引入jquery）

jquery 发送get请求

其中里面有四个参数

参数1：要发送的地址；
参数2：设置参数；
参数3相应成功回调
参数4：响应体结果的数据转化

jquery 发送post请求

同上面的get发送
但是在这里我在后面没有设置参数4：响应体结果的数据转化
没有设置json参数响应的是字符串设置json参数响应的是对象

然后下面来一个通用的

$.ajax({
//发送的地址
url:‘http://127.0.0.1:8007/sever’,
//数据参数
data :{a:100,b:1002},
//发送请求的类型 注意大写哦
type:‘GET’,
//响应体结果的数据转化
dataType:‘json’,
//响应成功的回调
success:function(a){
console.log(a);
},

不得不说用了jquery就是方便，哈哈

通用方法 失败的回调

首先我们设置一个timeout:2000意思是超过两秒没有响应就是让这个ajax请求关闭当然在node.js部分也要设置一个大于两秒的定时器

setTimeout(()=>{
const a = {name:‘我是小可爱’};
response.send(JSON.stringify(a));
},3000)
});

结果就是这样
在这里还可以设置请求头

headers : {
a:100,
b:200
}

当可以设置很多东西的他有很多参数
但是能真正用到的能少