AJAX下的请求方式以及同步异步的区别小结

在AJAX技术中，请求方式主要包括GET与POST两种。它们在HTTP协议中的用途各有不同。以下是关于这两种请求方式以及同步与异步之间的区别的简要小结，供学习AJAX处理请求的朋友们参考。

一、请求方式：

1. GET方式：这是最为常见的HTTP请求方式，我们平时上网浏览页面时使用的就是GET。GET方式的参数请求直接附在URL之后，以问号开始。在JavaScript中，我们可以通过window.location.search来获取这些参数。由于URL长度限制（大约2K字符），使用GET方式进行AJAX请求时可能会因为缓存导致页面显示不正确。为了避免这种情况，通常可以在URL后添加随机参数值。

2. POST方式：当我们需要向服务器提交数据时，就会用到POST方式。在提交数据时，我们需要先将form表单中的值取出并转换成字符串格式，然后使用“&”符号连接这些参数。提交的数据量理论上可以达到2GB。在AJAX请求中，我们需要设置ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')来处理提交的字符串。然后，使用ajax.send()方法发送这些字符串，这些字符串代表了form中需要提交的内容。

二、同步与异步：

在AJAX的ajax.open方法中，第三个参数用于设置请求是同步还是异步。许多JavaScript类库如prototype默认设置为异步（即设为true）。在同步模式下，JavaScript会等待请求返回并获取状态（status）。我们不需要使用onreadystatechange事件处理函数。在异步模式下，我们需要使用onreadystatechange事件处理函数，并且只有在状态值为4时才能进行后续处理。值得注意的是，异步模式使得浏览器可以在等待服务器响应的同时执行其他任务，提高了用户体验。对于重负载的应用，同步请求可能会导致浏览器不响应其他用户交互，因此在实际开发中，我们通常会选择使用异步请求。

网络请求：同步与异步传输模式间的选择

在Web开发中，我们经常需要与服务器进行数据交互。这一过程中，我们经常使用到两种主要的传输模式：同步传输和异步传输。以下是关于这两种模式的详细以及如何使用JavaScript进行这两种模式的请求。

同步传输模式

当我们在网页中使用同步传输模式向服务器请求数据时，我们的浏览器会等待服务器的响应。在这个过程中，浏览器无法执行其他任务，直到收到服务器的响应。以下是一个简单的同步GET请求的例子：

```javascript

function RequestByGetSync(nProducttemp, nCountrytemp) {

var xmlhttp;

if (window.XMLHttpRequest) {

xmlhttp = new XMLHttpRequest();

} else if (window.ActiveXObject) {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

var URL = " // 请替换为实际的URL

xmlhttp.open("GET", URL, false); // 同步请求，浏览器在等待响应期间无法执行其他任务

xmlhttp.send(null);

var result = xmlhttp.status; // 获取响应状态码

if (result == 200) { // 如果状态码为200，表示请求成功

document.getElementById("div_RightBarBody")nerHTML = xmlhttp.responseText; // 更新页面内容

}

xmlhttp = null; // 释放资源

}

```

异步传输模式

与同步传输不同，异步传输模式允许我们在发送请求后继续执行其他任务，而无需等待服务器的响应。这使得我们的网页更加响应式和流畅。以下是一个使用异步GET请求的示例：

```javascript

function RequestByGetAsync(nProducttemp, nCountrytemp) {

var xmlhttp;

if (window.XMLHttpRequest) {

xmlhttp = new XMLHttpRequest();

} else if (window.ActiveXObject) {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

var URL = " // 请替换为实际的URL

xmlhttp.open("GET", URL, true); // 异步请求，浏览器在等待响应期间可以执行其他任务

xmlhttp.onreadystatechange = handleResponse; // 设置回调函数处理响应状态变化

xmlhttp.send(null); // 发送请求

}

function handleResponse() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 如果请求完成且状态码为200，表示请求成功

document.getElementById("div_RightBarBody")nerHTML = xmlhttp.responseText; // 更新页面内容

xmlhttp = null; // 释放资源

}

}

```

在上述异步模式中，我们在发送请求后可以继续执行其他任务，并通过回调函数处理服务器的响应。这使得我们的网页更加灵活和响应式。在实际开发中，我们通常会优先选择异步传输模式，以提升用户体验。