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的原则
   * 小则怡情,大则伤身
 * 
版权声明:本文为博主原创文章,未经博主允许不得转载。

Ajax中get和post区别

  • 2013年01月25日 18:28
  • 743KB
  • 下载

ajax中get和post两种请求的区别

Ajax(Asynchronous Javascript And XML)即异步JavaScript和XML,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新;这意味着可以在不...
  • MaxsLee
  • MaxsLee
  • 2015年04月14日 22:51
  • 623

Ajax请求中get与post的区别

一、 Get方式: .txt:静态文件                                      .php:动态文件     var Btn=document.getElemen...

Ajax中Get请求与Post请求的区别

写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使用Post方式请求服务器.那么,我们什么时候该采用Get方式,什么时候该采用Post方式呢? ...

Ajax中Get请求与Post请求的区别

Ajax中Get请求与Post请求的区别 写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使用Post方式请求服务器.那么,我们什么时候该采...

Ajax中Get请求与Post请求的区别

写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使用Post方式请求服务器.那么,我们什么时候该采用Get方式,什么时候该采用Post方式呢...

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

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

Ajax中Get请求与Post请求的区别

原帖地址 ; http://www.cnblogs.com/oneword/archive/2011/06/06/2073533.html 写在前面的话 我们在使用Ajax时,...

Ajax中Get请求与Post请求的区别

Get请求和Post请求的区别: 1、使用get请求时,参数在url中可见;而使用post不可见,自带加密      2、使用get发送请求的数据量比较小;使用post请求数据量比较大; get请...

Ajax中Get请求与Post请求的区别

写在前面的话 我们在使用Ajax时,当我们向服务器发送数据时,我们可以采用Get方式请求服务器,也可以使用Post方式请求服务器.那么,我们什么时候该采用Get方式,什么时候该采用Post方式呢...
  • zdnlp
  • zdnlp
  • 2013年08月12日 14:20
  • 795
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax入门篇(一),请求类型get&&post的区别
举报原因:
原因补充:

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