首页 / 脚本样式 / JavaScript / 深入理解Ajax的get和post请求

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）;}

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"）; };