AJAX学习笔记（四、请求与响应）

string：仅用于 POST 请求 |

Get与Post

GET请求特点：

.GET请求可被缓存

.GET请求保留在浏览器历史记录中

.GET请求可被收藏为书签

.GET请求不应在处理敏感数据时使用

.GET请求有长度限制

.GET请求只应当用于取回数据

Post请求特点

.POST请求不会被缓存

.POST请求不会保留在浏览器历史记录中

.POST请求不能被收藏为书签

.POST请求对数据长度没有要求

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

xmlhttp.open(“POST”,“ajax_test.html”,true);

xmlhttp.setRequestHeader(“Content-type”,“application/x-www-form-urlencoded”);

xmlhttp.send(“fname=Henry&lname=Ford”);

对比

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

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

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

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

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

url

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

异步

Async=true，异步。

Async=false,不异步。

异步是一个巨大的进步，一般情况下都会选择异步。

响应

AJAX - 服务器响应

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

| 属性 | 描述 |

| — | — |

| responseText | 获得字符串形式的响应数据。 |

| responseXML | 获得 XML 形式的响应数据。 |

responseText属性：

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

document.getElementById(“myDiv”).innerHTML=xmlhttp.responseText;

responseXML属性：

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

xmlDoc=xmlhttp.responseXML;

txt=“”;

x=xmlDoc.getElementsByTagName(“ARTIST”);

for (i=0;i<x.length;i++)

{

txt=txt + x[i].childNodes[0].nodeValue + “
”;

}

document.getElementById(“myDiv”).innerHTML=txt;

jsp后端实例

做一个简单的实例，后端就用jsp。

check.html

猜猜我的名字 :