IT源码网

怎样理解AJAX讲解

xmjava 2021年03月09日 编程语言 217 0

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请求, 跨域会报错.

 

发布评论
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样在 VS Code 中开发Vue项目格式化代码时让函数名与圆括号直接有一个空格讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。