深入理解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 相关文章推荐
用javascript实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
ExtJS 工具栏 分页事件参数
Mar 05 Javascript
js文件包含的几种方式介绍
Sep 28 Javascript
浅析node.js中close事件
Nov 26 Javascript
jqPlot jQuery绘图插件的使用
Jun 18 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
js实现手机拍照上传功能
Jan 17 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
Feb 03 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 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压缩和解压缩字符串的方法
2015/03/14 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
prototype 中文参数乱码解决方案
2009/11/09 Javascript
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
JS实现加载和读取XML文件的方法详解
2017/04/24 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
2017/07/20 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
layui的table中显示图片方法
2018/08/17 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
python中__call__方法示例分析
2014/10/11 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
浅析使用Python搭建http服务器
2019/10/27 Python
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
毕业生求职信的经典写法
2014/01/31 职场文书
个性与发展自我评价
2014/02/11 职场文书
质量主管工作职责
2014/09/26 职场文书
学期个人自我总结
2015/02/13 职场文书
支行行长岗位职责
2015/02/15 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
如何使用CocosCreator对象池
2021/04/14 Javascript
vue实现同时设置多个倒计时
2021/05/20 Vue.js