深入理解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 相关文章推荐
用Juery网页选项卡实现代码
Jun 13 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
用js格式化金额可设置保留的小数位数
May 09 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
EasyUi中的Combogrid 实现分页和动态搜索远程数据
Apr 01 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
js 实现复选框只能选择一项的示例代码
Jan 23 Javascript
Vue的路由动态重定向和导航守卫实例
Mar 17 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
解决koa2 ctx.render is not a function报错问题
Aug 07 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 Javascript
浅析JavaScript预编译和暗示全局变量
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桌面中心(一) 创建数据库
2007/03/11 PHP
php 删除一个数组中的某个值.兼容多维数组!
2012/02/18 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
jquery操作checked属性以及disabled属性的多种方法
2014/06/20 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
2016/02/16 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
微信小程序如何再次获取用户授权的方法
2019/05/10 Javascript
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
解决pycharm下pyuic工具使用的问题
2020/04/08 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
测绘工程个人的自我评价
2013/11/10 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
优质服务口号
2014/06/11 职场文书
欢迎横幅标语
2014/06/17 职场文书
反邪教学习心得体会
2016/01/15 职场文书
党员反邪教心得体会
2016/01/15 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
Python利用folium实现地图可视化
2021/05/23 Python
如何Python使用re模块实现okenizer
2022/04/30 Python
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python