Ajax入门篇(一),请求类型get&&post的区别

原创 2015年11月20日 13:49:41
 AJAX
     * Asynchronous JavaScript and Xml
     * 直译中文 - javascript和XML的异步
     * (不严格的定义)客户端与服务器端进行交互,而无需刷新当前页面的技术,称之为Ajax
     * Ajax实现的是B/S架构下的异步交互
   * 实现异步交互的技术
     * <iframe src="">元素
   * 同步与异步的区别
     * 同步交互
       * 执行速度相对比较慢
       * 响应的是完整的HTML页面
     * 异步交互
       * 执行速度相对比较快
       * 响应的是部分数据
   * Ajax具有核心对象
     * XMLHttpRequest对象
 * 创建XMLHttpRequest对象
   function getXhr(){
      // 声明XMLHttpRequest对象
      var xhr = null;
      // 根据浏览器的不同情况进行创建
      if(window.XMLHttpRequest){
         // 表示除IE外的其他浏览器
xhr = new XMLHttpRequest();
      }else{
         // 表示IE浏览器
xhr = new ActiveXObject('Microsoft.XMLHttp');
      }
      return xhr;
   }
   // 创建核心对象
   var xhr = getXhr();
 * Ajax的核心对象
   * 属性
     * readyState
     * status
   * 方法
     * open() - 与服务器端建立连接
     * send() - 向服务器端发送请求
   * 事件
     * onreadystatechange事件
       * 作用 - 监听服务器端的通信状态改变
 * 实现Ajax的异步交互步骤
   * 创建XMLHttpRequest核心对象
     * 固定写法 - 独立编写
   * 与服务器端建立连接
     * 使用XMLHttpRequest对象的open(method,url)方法
       * method - 设置当前请求的类型
       * url - 设置当前请求的地址
   * 向服务器端发送请求
     * 使用XMLHttpRequest对象的send(请求参数)方法
       * 请求参数的格式 - key=value
   * 接收服务器端的响应数据
     * 使用XMLHttpRequest对象的onreadystatechange事件,监听服务器端的通信状态
     * 使用XMLHttpRequest对象的readyState属性,判断服务器端的当前状态(0-4)
     * 使用XMLHttpRequest对象的status属性,判断服务器端的状态码(200)
     * 使用XMLHttpRequest对象的responseText属性,接收服务器端的响应数据
 * GET与POST的区别
   * GET请求类型
     * send()方法不起作用,但是不能被省略
       xhr.send(null);
     * 请求参数 - 添加到URL?key=value
   * POST请求类型
     * send()方法起作用
       * 在send()方法被调用前,使用setRequestHeader()方法设置请求头信息
         xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 * 使用Ajax的原则
   * 小则怡情,大则伤身
 * 
版权声明:本文为博主原创文章,未经博主允许不得转载。

android 学习之路一入门篇一

1 android ADT和 android SDK,AVD的关系: ADT(Android Development Tools) :android 开发工具,它是eclipse的一个插件,用来开发...
  • xp215774576
  • xp215774576
  • 2015年04月26日 17:30
  • 326

Ajax 传统的请求方式和使用AJAX的请求方式区别

Ajax工作原理简单示例      在本节中将通过两个示例来看一下传统的请求方式和使用AJAX的请求方式有什么不同。  传统的请求响应方式      在传统的方式中,用户通过表单向服务器提交用户...
  • zh695590737
  • zh695590737
  • 2013年05月14日 22:57
  • 674

AJAX请求和普通HTTP请求区别

两者本质区别:AJAX通xmlHttpRequest象请求服务器服务器接受请求返数据实现刷新交互普通http请求通httpRequest象请求服务器接受请求返数据需要页面刷新AJAX请求 普通请求 ...
  • hefeng6500
  • hefeng6500
  • 2017年07月13日 17:45
  • 834

得到请求的类型 ajax和普通请求

request.getHeader("X-Requested-With"); ajax请求得到的是XMLHttpRequest 普通请求得到的是 null 适用于判断请求类型...
  • qq_35643724
  • qq_35643724
  • 2017年03月24日 09:03
  • 216

普通浏览器GET请求与Ajax的GET请求的区别

看图   普通浏览器请求   Ajax请求
  • umgsai
  • umgsai
  • 2017年01月09日 14:06
  • 294

ajax Http请求方式

 1.    建立 XMLHttpRequest / Msxml2.XMLHTTP 对象         这应该是最常用的方式, 很好用,可以真接传XML对象,  可以按“POST ”“GET”,方式...
  • hailongz
  • hailongz
  • 2007年10月16日 13:45
  • 1400

XMLHTTPRequest/Ajax请求 和普通请求的区别

  • Ideality_hunter
  • Ideality_hunter
  • 2017年03月12日 17:34
  • 425

深入理解AJAX系列第二篇--GET请求和POST请求的区别

深入理解AJAX系列第二篇--GET请求和POST请求的区别
  • m0_38099607
  • m0_38099607
  • 2017年06月05日 10:23
  • 631

php判断请求类型(ajax|get|post|cli)

php判断请求类型,可以通过 $_SERVER 相关的参数来实现, 这个很在对某些请求代码复用里面很常用。具体代码如下:、 /** *@todo: 判断是否为post */ if(...
  • wujiangwei567
  • wujiangwei567
  • 2017年05月26日 18:53
  • 1446

【Android】1:Android APP开发入门篇

众所周知,Android和IOS是目前市场上最为流行的两个手机操作系统,从我身边人使用的手机来看,个人觉得Android的市场占有率要高于IOS,可能是因为Android操作系统是开源的。     ...
  • u010929604
  • u010929604
  • 2015年11月29日 11:27
  • 1515
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax入门篇(一),请求类型get&&post的区别
举报原因:
原因补充:

(最多只允许输入30个字)