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

AJAX

时间:2017-05-05 23:05:20      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:log   体验   document   用户   引擎   传统   运行   status   ready   

一、什么是AJAX

AJAX (Asynchronous JavaScript and XML)是异步 JavaScript 和 XML的缩写。

通过和服务器进行少量数据的交换,实现对网页的局部更新。

二、为什么要用AJAX

AJAX最大的特点就是,通过少量的数据交换,以异步的模式,实现对网页的局部刷新。

针对这个特点,其优势就是:

1.优化了浏览器和服务器之间的传输工作,减少了不必要的数据往返,减少带宽占用。

2.异步传输,局部刷新,大大提升了用户体验。

3.AJAX是在客户端运行,减轻服务器端的负载。

三、介绍XMLhttpRequest对象

1.AJAX的核心就是XMLhttpRequest对象,是一种支持异步请求的技术。

  该对象可以使用JavaScript向服务器提出请求并处理响应,使得可以不用重新加载整个页面,实现对页面的局部刷新。

  该对象通过open方法和send方法来向服务器发出请求。

2.该对象的常用方法和属性

open(method,url,async)  :规定请求类型,url, 以及是否异步处理。

  method 指明请求的类型:get或者post.

  url:请求的文件在服务器的地址

  async:异步或者同步。

send() : 向服务器发出请求。

readyState属性 : 表示请求的状态,有五个取值。

         0:未初始化 、  1 : 正在加载 、 2 : 已加载 、 3 :交互中 、 4 :完成

status 属性:服务器HHTP的状态码     200代表0k  、404 代表not found

responsText 属性:服务器的响应 ,表示一个串。

responseXML 属性:服务器的响应,表示为xml.

onreadystatechange 属性:js向服务器发出请求之后,xmlHttprequest对象的readyState属性会不断发生变化,每当变化时就会触发onreadystatechange 属性。该属性其实就是一个函数名,即回调函数。

四、AJAX包含哪些技术

基于web标准(standards-basedpresentation)XHTML+CSS的表示;
使用 DOM(Document ObjectModel)进行动态显示及交互;
使用 XML 和 XSLT 进行数据交换及相关操作;
使用 XMLHttpRequest 进行异步数据查询、检索;
使用 JavaScript 将所有的东西绑定在一起。

五、AJAX的框架有哪些?

jQuery 、dojo 、prototype、DWR

六、AJAX和js的区别

javascript是一种在浏览器端执行的脚本语言。

Ajax是一种创建交互式网页应用的开发技术 ,它是利用了一系列相关的技术其中就包括javascript。

七、AJAX和传统的web应用比较

八、AJAX的工作原理

AJAX的工作原理相当于是在用户和服务器之间加了一个中间层(ajax引擎)使得用户操作和服务器响应异步化。

一些不要向服务器读取数据的请求,比如数据校验就交给ajax引擎来做,当需要向服务器读取数据时,再由ajax引擎向服务器发出请求。

技术分享

 

九、AJAX的缺点。

AJAX

标签:log   体验   document   用户   引擎   传统   运行   status   ready   

原文地址:http://www.cnblogs.com/lyr2015/p/6814875.html

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