码迷,mamicode.com
首页 > Web开发 > 详细

Ajax 的简介与使用

时间:2019-07-18 19:53:38      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:引擎   部分   搜索引擎   bsp   简介   位置   page   class   opera   

一、什么是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 实现局部刷新

 

Ajax 的简介与使用

标签:引擎   部分   搜索引擎   bsp   简介   位置   page   class   opera   

原文地址:https://www.cnblogs.com/Leophen/p/11208931.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!