深入理解Ajax的get和post请求


Posted in Javascript onJune 02, 2016

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

以上这篇深入理解Ajax的get和post请求就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
Node.js连接mongodb实例代码
Jun 06 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
JavaScript制作3D旋转相册
Aug 02 Javascript
js+canvas实现图片格式webp/png/jpeg在线转换
Aug 22 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 #Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 #Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 #Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
Jun 01 #Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 #Javascript
sencha ext js 6 快速入门(必看)
Jun 01 #Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 #Javascript
You might like
PHP计划任务之关闭浏览器后仍然继续执行的函数
2010/07/22 PHP
php利用curl抓取新浪微博内容示例
2014/04/27 PHP
php实现的数字验证码及数字运算验证码
2015/07/30 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
2010/04/01 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
node.js下when.js 的异步编程实践
2014/12/03 Javascript
JQuery页面地址处理插件jqURL详解
2015/05/03 Javascript
jquery自定义表格样式
2015/11/23 Javascript
AngularJS 中的Promise --- $q服务详解
2016/09/14 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
python实现无证书加密解密实例
2014/10/27 Python
python中日期和时间格式化输出的方法小结
2015/03/19 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
python调用百度语音REST API
2018/08/30 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
python的等深分箱实例
2019/11/22 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
迪拜航空官方网站:flydubai
2017/04/20 全球购物
澳大利亚领先的皮肤诊所:Skin Matrix(抗衰老、痤疮专家、药妆护肤)
2018/05/20 全球购物
世界上最全面的草药补充剂和顶级品牌维生素网站:HerbsPro
2019/01/20 全球购物
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
高级护理专业大学生求职信
2013/10/24 职场文书
九年级家长会邀请函
2014/01/15 职场文书
一年级班主任寄语
2014/01/19 职场文书
信访稳定工作汇报
2014/10/27 职场文书
导游词开场白
2015/01/31 职场文书
个人思想政治总结
2015/03/05 职场文书