Ajax异步处理 js JQuery(post get) 的xml text处理

1、ajax概述：

AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即便用Javascript语言与服务器进行异步交互，传输的数据为XML（固然，传输的数据不仅是XML）。

 

AJAX还有一个最大的特色就是，当服务器响应时，不用刷新整个浏览器页面，而是能够局部刷新。这一特色给用户的感觉是在不知不觉中完成请求和响应过程。它能使用js访问服务器，并且是异步访问！

与服务器异步交互；

浏览器页面局部刷新；

服务器给客户端的响应通常是整个页面，一个html完整页面！但在ajax中由于是局部刷新，那么服务器就不用再响应整个页面！而只是数据！

text：纯文本

xml：你们都熟悉！！！

json：它是js提供的数据交互格式，它在ajax中最受欢迎！

 

一、获取XMLHttpRequest对象

 

（用于发送请求，接收请求，处理请求）

大多数浏览器都支持：var xmlHttp = new XMLHttpRequest();

IE6.0：var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

IE5.5以更早版本的IE：var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

经过方法获取：

function createXMLHttpRequest() {
           try {
                  return new XMLHttpRequest();// 支持大部分浏览器

           catch (e) {

                 try {

                        return new ActiveXObject("Msxml2.XMLHTTP");// 使用ie6

                     } catch (e) {

                       try {

                              return new ActiveXObject("Microsoft.XMLHTTP");// 使用ie5.5

                             } catch (e) {

                          lert("你用的是什么浏览器啊？");
                           throw e;
                }

              }

          }
}

二、打开与服务器的连接

    xmlHttp.open()：用来打开与服务器的链接，它须要三个参数：

    请求方式：能够是GET或POST

    请求的URL：指定服务器端资源，例如；/day23_1/AServlet

    请求是否为异步：若是为true表示发送异步请求，不然同步请求！

    xmlHttp.open("GET", "/day23_1/AServlet", true);

三、发送请求

    xmlHttp.send(null)：若是不给可能会形成部份浏览器没法发送！

    参数：就是请求体内容！若是是GET请求，必须给出null。

    经过get请求，进行数据提交，须要将数据拼接到url中，并且send为null，后端经过getParameter获取参数，编码问题，    request.setCharacterEncoding();无效，由于数据在url中，不在请求体中。

四、监听服务器响应

    在xmlxmlHttpHttp对象的一个事件上注册监听器：onreadystatechange

    对象一共有5个状态：

    0状态：刚建立，尚未调用open()方法;

    1状态：请求开始：调用了open()方法，但尚未调用send()方法

    2状态：调用完了send()方法了；

    3状态：服务器已经开始响应，但不表示响应结束了！

4状态：服务器响应结束！（一般咱们只关心这个状态！！！）

    获得xmlHttp对象的状态：

    var state = xmlHttp.readyState;//多是0、一、二、三、4

    获得服务器响应的状态码

    var status = xmlHttp.status;//例如为200、40四、500

    获得服务器响应的内容1

    var content = xmlHttp.responseText;//获得服务器的响应的文本格式的内容

    var content = xmlHttp.responseXML;//获得服务器的响应的xml响应的内容，它是Document对象了！