zoukankan      html  css  js  c++  java
  • ajax内容总结

    01创建XMLHttpRequest对象

    不同浏览器创建方式不同

    可以提取为方法供调用

    function createXMLHttpRequest(){

    if(window.ActiveXObject){//IE

    xhr = new ActiveXObject("Microsoft.XMLHTTP");

    }else{ //其他浏览器

    xhr =  new XMLHttpRequest();

    }

    }

    02建立到服务器的连接

    xmlHttp.open("GET",“exmp1.jsp",true);

    xmlHttp.open(“POST,“exmp1.jsp");

    xmlHttp.open("GET", "examp1.jsp?"+new Date().getTime(),true);

    使用 XMLHttpRequest 对象的 open() 方法来建立请求。参数如下:

    request-type:发送请求的类型。典型的值是 GET 或 POST。

    url:要连接的 URL

    asynch:如果希望使用异步连接则为 true,否则为 false。默认为 true。

    username:如果需要身份验证,则可以在此指定用户名。

    password:如果需要身份验证,则可以在此指定口令。

    通常使用其中的前三个参数或前两个参数即可。

    03指定回调函数

    Ajax响应回来后自动调用函数

    不同的Ajax请求基本步骤相同,差别和难易主要在回调函数

    function process(){

    if(xhr.readyState == 4){//200  404  500

    if(xhr.status == 200){

    //得到返回的结果

    var result = xhr.responseText;

    //写到指定位置

    document.getElementById("namemsg").innerHTML=result;

    }else{

              alert("Ajax请求错误");

    }}}

    04 HTTP就绪状态

    表示请求的状态或情形。在Ajax应用程序中需要了解五种就绪状态,但通常只使用状态4:

    0:请求没有发出(在调用 open() 之前)

    1:请求已经建立但还没有发出(调用 send() 之前)

    2:请求已经发出正在处理之中(这里通常可以从响应得到内容头部)

    3:请求已经处理,响应中有部分数据可用,但是服务器还没有完成响应

    4:响应已完成,可以访问服务器响应并使用它

    状态码status

    200  404

    返回结果数据  responseText   responseXML

    05发送请求

    xmlHttp.send(null);  //get

    xmlHttp.send(queryString);  //post

    注意事项

    如果是get请求,参数已经附加在url中,采用send(null)即可。如果是post请求,需要通过send()来传递参数。

    如果是post请求,要在send之前添加如下语句指定http header:

    xmlHttp.setRequestHeader("Content-Type“,"application/x-www-form-urlencoded");

  • 相关阅读:
    node.js的querystring模块
    jsonp的作用
    js开发性能(一)
    express创建第一个web应用
    安装express
    关于【歧视】的一点事
    在统计报表中用到的sql语法记录
    北京民航总医院杀医事件
    那些自杀的人似乎更有勇气
    河南人究竟偷了多少井盖?
  • 原文地址:https://www.cnblogs.com/vincentmax/p/14281929.html
Copyright © 2011-2022 走看看