Ajax 的简介与使用

Posted 2022-04-23 leophen

一、什么是Ajax

Ajax 的全称是 Asynchronous javascript and XML（即异步的 JavaScript 和 XML），是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术

 

二、Ajax的优缺点

1、优点：

• 通过异步模式，提升了用户体验

• 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用
• Ajax 引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载

 

2、缺点

• 不支持浏览器back按钮

• 安全问题，Ajax 暴露了与服务器交互的细节

• 对搜索引擎的支持比较弱

 

三、Ajax 的使用 -- 实现步骤

1、创建 XMLHttpRequest 对象，即创建一个异步调用对象

var XHR;
if(window.XMLHttpRequest)
  XHR=new XMLHttpRequest();                   //IE7+, Firefox, Chrome, Opera, Safari...
else
  XHR=new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5

2、创建一个新的 HTTP 请求，并指定该 HTTP 请求的方法、URL 及验证信息

XHR.open(method,url,async);
// method：请求类型，GET 或 POST---------可选
// url：文件在服务器上的位置--------------必要参数
// async：true（异步）或 false（同步）----可选
// 以上参数使用时均要加上“”

3、设置响应 HTTP 请求状态变化的函数

4、发送 HTTP 请求

request.send();

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

6、使用 JavaScript 和 DOM 实现局部刷新