ajax教程

AJAX应用

（1）运用xhtml+css来表达资讯

（2）运用javascript操作dom来执行动态效果

（3）运用xml和xslt操作资料

（4）运用xmlhttprequest或新的fetch API与网页服务器进行异步数据交换

AJAX简介

ajax是一种无须重新加载整个页面的情况下，能够更新部分网页的技术

什么是ajax？

ajax = 异步 javascript 和 xml

ajax是一种快速创建动态网页的技术

通过在后台与服务器进行少量数据交换，ajax可以使页面实现异步更新，这意味着可以不重新加载整个页面的情况下，对页面进行部分更新

第一步：创建XMLHttpRequest对象

xmlhttprequest用于在后台与服务器进行数据交换

创建xmlhttprequest对象

variable = new XMLHttpRequest();

第二步：ajax向服务器发送请求

如需向服务器发送请求，我们使用xmlhttprequest对象的open()和send()方法：

xmlhttp.open('get', 'ajax.text',true)
xmlhttp.send()

get还是post?

与post相比，get更简单更快，并且在大部分情况下都能用，然而在以下情况，请使用post

（1）无法使用缓存文件（更新服务器上的文件或数据库）

（2）向服务器发送大量数据（post没有数据量限制）

（3）发送包含未知字符的用户输入时，post比get更稳更可靠

第三步：服务器响应

如需获得来自服务器的响应，请使用xmlhttprequest对象的responseText和responseXML属性

第四步：onreadystatechange事件

当请求发送到服务器时，我们需要执行一些基于响应的事件。每当readyState改变时，就会触发onreadystatechange事件