zoukankan      html  css  js  c++  java
  • 实现ajax异步请求

    1、去除两端空白

        function Trim(str){ return str.replace(/(^s*)|(s*$)/g, "");}

    实现ajax

    ajax:

      Asynchronous   :异步

      JavaScript                   

      And                      :和

      XML

    ajax技术就是利用javascript和xml实现异步交互的功能

    ajax有自己的引擎,传统的交互是client和sever直接进行交互,

    ajax是client把请求发送到ajax引擎,ajax引擎再向server发送请求,

    这样实现异步请求

    1.创建ajax对象

    function createxhr(){
        try{return new XMLHttpRequest()}catch(e){}                      //w3c中,在ie高版本中也支持
        try{return new ActiveXObject('Microsoft.XMLHTTP')}catch(e){}   //ie中
        alert('请更换浏览器');
    }

    2、初始化ajax对象

    xhr.open('get','demo01.php');//open(mehod,url)

    这里还可以设置请求头信息

    setRequestHeader(header,value);//可以用1('If-Modified-Since','0')来消除缓存,也可以用加随机数2 Math.random()

    或者随机时间3 var url='demo01.php?name=huohaifeng&_='+ new Date().getTime();

    或者4 在服务器端设置header("Cache-Control: no-cache");

    3、发送请求

    send(content)  只有到send方法被调用的时候才会发送请求,content:post请求时传递的数据,如果是get请求直接写null

    4、执行回调函数

    onreadystatechange=funtion(){}当ajax对象状态码改变时会触发

    ajax其他一些属性:

    readyState:ajax对象状态码:0-4

     0:表示对象已建立,但没有初始化

     1 :表示对象已初始化,但未发送

     2:已调用send方法进行请求

     3 :正在接收数据

     4 :接收完成

    status

      ajax对象接收到的http响应状态码 如:200  302  304  404

     statusText

    ajax对象接收到的http响应状态文本  如:ok、not found

     reponseText

    ajax对象接收到http响应主体字符串 (text/html)

     responseXML

    ajax对象接收到的http响应主体内容(text/xml)

  • 相关阅读:
    elk工作原理
    nginx 引入外部文件
    3.1.2 视图实例演示-登录页面
    通信架构
    JAX-WS HandlerChain使用详解
    改变规则可以,前提是得有本事——北漂18年(64)
    An internal error occurred during:"Update Installed JREs".java.lang.NullPointerException
    jquery.mobile-1.4.5.min.js:3 Uncaught TypeError: Cannot set property 'mobile' of undefined
    大数据时代,百货行业信息化将如何变革?
    17.2?Replication Implementation 复制实施:
  • 原文地址:https://www.cnblogs.com/hhfhmf/p/4798971.html
Copyright © 2011-2022 走看看