您的当前位置:首页正文

关于Ajax的get和post请求的介绍

2020-11-27 来源:我们爱旅游

下面为大家带来一篇深入理解Ajax的get和post请求。内容挺不错的,现在就分享给大家,也给大家做个参考。

1.get请求

function ()
 {
 //向服务器请求 时间
 //1.创建异步对象(小浏览器)
 var xhr = new XMLHttpRequest();
 //2.设置参数,true表示使用异步模式
 xhr.open("get", "GetTime.ashx?name= Mr靖", true); 
 //3.让get请求不从浏览器获取缓存数据
 xhr.setRequestHeader("If-Modified-Since","0");
 //3.设置回调函数
 xhr.onreadystatechange = function ()
 {
 //3.1当完全接收完响应报文后 并且 响应状态码为200的时候
 if (xhr.readyState == 4 && xhr.status == 200)
 {
 //3.2获取相应报文体内容
 var res = xhr.responseText;
 alert(res);
 }
 };
 //4.发送异步请求
 xhr.send(null);
}

2.post请求

function ()
 {
 //向服务器请求 时间
 //1.创建异步对象(小浏览器)
 var xhr = new XMLHttpRequest();
 //2.设置参数
 xhr.open("post", "GetTime.ashx", true);
 //3.设置 请求 报文体 的 编码格式(设置为 表单默认编码格式)
 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 //4.设置回调函数
 xhr.onreadystatechange = function ()
 {
 //3.1当完全接收完响应报文后 并且 响应状态码为200的时候
 if (xhr.readyState == 4 && xhr.status == 200)
 {
 //3.2获取相应报文体内容
 var res = xhr.responseText;
 alert(res);
 }
 };
 //5.发送异步请求"name=Mr靖"
 //5.1格式:直接拼接字符串 key=value&key1=value2
 xhr.send("name=Mr靖&age=18");
 };