AJAX - 向服务器发送请求

AJAX-向服务器发送请求

?PreviousPage

?NextPage

XMLHttpRequest对象用于和服务器交换数据。

向服务器发送请求

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

GET还是POST？

与POST相比，GET更简单也更快，并且在大部分情况下都能用。

然而，在以下情况中，请使用POST请求：

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

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

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

GET请求

一个简单的GET请求：

亲自试一试

在上面的例子中，您可能得到的是缓存的结果。

为了避免这种情况，请向URL添加一个唯一的ID：

亲自试一试

如果您希望通过GET方法发送信息，请向URL添加信息：

亲自试一试

POST请求

一个简单POST请求：

亲自试一试

如果需要像HTML表单那样POST数据，请使用setRequestHeader()来添加HTTP头。然后在send()方法中规定您希望发送的数据：

亲自试一试

url-服务器上的文件

open()方法的url参数是服务器上文件的地址：

该文件可以是任何类型的文件，比如.txt和.xml，或者服务器脚本文件，比如.asp和.php（在传回响应之前，能够在服务器上执行任务）。

异步-True或False？

AJAX指的是异步JavaScript和XML（AsynchronousJavaScriptandXML）。

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

对于web开发人员来说，发送异步请求是一个巨大的进步。很多在服务器执行的任务都相当费时。AJAX出现之前，这可能会引起应用程序挂起或停止。

通过AJAX，JavaScript无需等待服务器的响应，而是：

?在等待服务器响应时执行其他脚本

?当响应就绪后对响应进行处理

Async=true

当使用async=true时，请规定在响应处于onreadystatechange事件中的就绪状态时执行的函数：

亲自试一试

您将在稍后的章节学习更多有关onreadystatechange的内容。

Async=false

如需使用async=false，请将open()方法中的第三个参数改为false：

我们不推荐使用async=false，但是对于一些小型的请求，也是可以的。

请记住，JavaScript会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢，应用程序会挂起或停止。

注释：当您使用async=false时，请不要编写onreadystatechange函数-把代码放到send()语句后面即可：

亲自试一试

来自：http://www.w3school.com.cn

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!