zoukankan      html  css  js  c++  java
  • 关于ajax

    首先AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)

    英文全称 Asynchronous Javascript And XML

    Ajax 不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
    使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest,

    Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。
    Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理,我们必须对 XMLHttpRequest有所了解。
    XMLHttpRequest是ajax的核心机制,它是在IE5中首先引入的,是一种支持异步请求的技术。简单的说,也就是javascript可以及时向服务器提出请求和处理响应,而不阻塞用户。达到无刷新的效果。
    所以我们先从XMLHttpRequest讲起,来看看它的工作原理。
    首先,我们先来看看XMLHttpRequest这个对象的属性。
    它的属性有:
    onreadystatechange 每次状态改变所触发事件的事件处理程序。
    responseText 从服务器进程返回数据的字符串形式。
    responseXML 从服务器进程返回的DOM兼容的文档数据对象。
    status 从服务器返回的数字代码,比如常见的404(未找到)和200(已就绪)
    status Text 伴随状态码的字符串信息
    readyState 对象状态值
    0 (未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
    1 (初始化) 对象已建立,尚未调用send方法
    2 (发送数据) send方法已调用,但是当前的状态及http头未知
    3 (数据传送中) 已接收部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误,
    4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据

    而对于ajax的使用

    1:创建XMLHttpResquest对象

    2:创建一个新的Http请求,指定http的方法

    3:设置响应Http请求状态变化的函数

    4:发送Http请求

    5:获取异步调用返回的数据

    6:使用数据对页面Dom实现局部刷新

    var xml=new XMLHttpRequest();
    xml.open('GET','test.php','true');
    xml.send();
    xml.onreadystatechange=function(){
     if (xmlhttp.readyState==4 && xmlhttp.status==200){
      document.getElementById("myDiv").innerHTML=xml.responseText;
    } }

      

  • 相关阅读:
    golang 带参数 发送、上传本地文件到其他机器、服务器
    【比赛游记】北大集训2020垫底记
    【比赛游记】NOIP2020又当工具人记
    AtCoder Regular Contest 107
    AtCoder Regular Contest 108
    【比赛游记】CSP2020游记
    注意事项
    2020北大集训摸鱼记
    NOIP2020游记
    ARC109F
  • 原文地址:https://www.cnblogs.com/yuwen1995/p/9179914.html
Copyright © 2011-2022 走看看