深入理解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 相关文章推荐
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
c#+jquery实现获取radio和checkbox的值
Sep 12 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
深入理解js promise chain
May 05 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
原生js实现放大镜特效
Mar 08 Javascript
深入了解javascript 数组的sort方法
Jun 01 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
Vue+Element-U实现分页显示效果
Nov 15 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
慎用preg_replace危险的/e修饰符(一句话后门常用)
2013/06/19 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
Prototype 学习 Prototype对象
2009/07/12 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
2010/08/03 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
移动端js图片查看器
2016/11/17 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
zTree节点文字过多的处理方法
2017/11/24 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
vue中v-model的应用及使用详解
2018/06/27 Javascript
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
微信小程序登录对接Django后端实现JWT方式验证登录详解
2019/07/29 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
[02:48]DOTA2英雄基础教程 暗夜魔王
2013/12/12 DOTA
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
Python饼状图的绘制实例
2019/01/15 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
Python发起请求提示UnicodeEncodeError错误代码解决方法
2020/04/21 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
购买大码女装:Lane Bryant
2016/09/07 全球购物
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
彪马日本官网:PUMA日本
2019/01/31 全球购物
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
《长城》教学反思
2014/02/14 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
计算机售后服务承诺书
2014/05/30 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
新学期主题班会
2015/08/17 职场文书
Python尝试实现蒙特卡罗模拟期权定价
2022/04/21 Python