JS AJAX

标签：js   ajax   

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

一、简介

AJAX=异步 JabaScript和XML。

AJAX是一种用于创建快速动态网页的技术。

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

二、创建对象

XMLHttpRequst是AJAX的基础，简称XHR。

创建XHR对象的语法：

var xhr=new XMLHttpRequest();

三、发送请求

向服务器发送请求，我们使用XHR对象的Open()和send()方法。

GET和POST

从性能上来讲POST请求比GET请求消耗更多一些，用相同数据比较，GET最多比POST快两倍。所以，GET的使用频率要比POST高。然后在一些情况下需要使用POST请求：

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

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

3、发送包含未知字符的用户输入时，POST比GET更稳定也更可靠。

url-服务器上的文件

open()方法的url参数是服务器上文件的地址。该文件可以是任何类型的文件，比如.txt和.xml，或者服务器脚本文件，比如.asp和.php。

异步-True或False?

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

XMLHttpRequest对象如果要用于AJAX的话，其open()方法的async参数必须设置为true.

当使用async=true时，规定在响应处于onreadystatechange事件中的就绪状态时执行的函数。我们不推荐使用async=false，但是对于一些小型的请求，也是可以的。

四、响应

如需获得来自服务器的响应，应使用XMLHttpRequest对象的responseText或responseXML属性。

如果来自服务器的响应并非XML，使用responseText属性。

如果来自服务器的响应是XML，而且需要作为XML对象进行解析，使用responseXML属性。

小结：

        对于AJAX先有一个宏观的把控，然后再具体地细分知识点进行梳理。学习就是这样一个宏观与细节并重的过程。对于AJAX的学习仅是一点基础与入门。更多的内容请点击：

http://www.w3school.com.cn/ajax/index.asp

JS AJAX

标签：js   ajax   

原文地址：http://blog.csdn.net/qwlzxx/article/details/47205933