zoukankan      html  css  js  c++  java
  • 怎样理解AJAX

    AJAX: Asynchronous JavaScript and XML, 翻译过来就是: 异步的JavaScript与XML

    这已经成为了一个通用名词, 字面意义已经消失了, 因为现在使用JavaScript异步请求返回的数据基本都是JSON, 而非 XML.

    概括起来, AJAX指的就是: 通过 XMLHttpRequest对象发出HTTP请求, 得到服务器返回的数据后再进行处理的这样一种技术.

    下面是一个简单的AJAX请求实例:

    var xhr = new XMLHttpRequest();
    
    xhr.onreadystatechange = function(){
      // 通信成功时,状态值为4
      if (xhr.readyState === 4){
        if (xhr.status === 200){
          console.log(xhr.responseText);
        } else {
          console.error(xhr.statusText);
        }
      }
    };
    
    xhr.onerror = function (e) {
      console.error(xhr.statusText);
    };
    
    xhr.open('GET', '/endpoint', true);
    xhr.send(null);

    总结起来, 使用AJAX有这样几个步骤: 

    1. 创建XMLHttpRequest实例对象

    2. 发出HTTP请求

    3. 接收服务器传回的数据

    4. 更新网页数据

    注意: 

    1. 使用AJAX最大的优点是它可以不用刷新整个页面, 提升性能的同时不会打断用户正在做的事情;

    2. AJAX只能向同源网址发出HTTP请求, 跨域会报错.

  • 相关阅读:
    关于递归的理解
    every few days
    相见恨晚
    VC中自定义消息处理函数的步骤
    wparam和lparam的区别
    VC中新建的类不见了的解决方法
    接连遇到大牛
    老总NB的 romman.sys
    [恢]hdu 1159
    [恢]hdu 1996
  • 原文地址:https://www.cnblogs.com/aisowe/p/11553545.html
Copyright © 2011-2022 走看看