xmlhttp中open函数的使用方法

XMLHttpRequest（以下简称XHR）是一个在浏览器中使用的JavaScript对象，用于与服务器交换数据。XHR提供了一个简单的API，可以通过JavaScript代码向服务器发出请求并处理响应。AJAX技术就是利用XHR对象实现非同步的数据交互。

在使用XHR对象时，我们需要调用其open函数来打开一个与服务器的连接，并指定一个HTTP请求方法、请求的URL地址以及是否使用同步或异步请求方式。open函数有3个必选参数和一个可选参数：

Syntax:

open(method, url[, async[, user[, password]]])

参数说明：

1. method：必选参数，指定请求的HTTP方法。常用的有"GET"和"POST"，另外还有"PUT"、"DELETE"、"HEAD"等。

2. url：必选参数，指定请求的URL地址。

3. async：可选参数，指定请求是否采用异步方式。true表示异步，false表示同步。默认为true，即异步方式。异步请求不会阻塞页面的渲染，如果要处理响应数据，需要设置回调函数。

4. user和password：可选参数，用于HTTP基本认证，指定向服务器发送请求时使用的用户名和密码。大多数情况下不需要设置这两个参数。

在open函数中指定HTTP方法和URL是打开与服务器的连接的 步。调用该函数后，XHR对象与服务器建立起一条TCP连接，并等待与服务器的响应。需要注意的是，XHR对象与服务器的连接并不是立即建立的，而是在调用send函数时才会真正建立起来。

下面是一个使用open函数发起GET请求的示例：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api/data");
xhr.send();

以上代码中，我们创建了一个XHR对象，并使用open函数发起了一个GET请求。其中 个参数指定了请求的HTTP方法，第二个参数指定了请求的URL地址。在调用send函数后，XHR对象会发送当前请求给服务器，并等待服务器的响应。由于没有设置回调函数，因此我们无法处理服务器的响应数据。

下面是一个使用open函数发起POST请求的示例：

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/api/data");
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.send(JSON.stringify({name: "张三", age: 18}));

以上代码中，我们创建了一个XHR对象，并使用open函数发起了一个POST请求。其中 个参数指定了请求的HTTP方法，第二个参数指定了请求的URL地址。在调用setRequestHeader函数后，我们设置了HTTP请求头，其中包括Content-Type，值为application/json;charset=UTF-8，表示请求体的格式为JSON格式。最后我们调用send函数发送请求，并将请求体设置为一个JSON字符串。如果成功发送请求，服务器将会返回一个响应。

使用XHR对象进行数据交互，最重要的就是open函数的调用，通过设置不同的HTTP方法、URL等参数，实现对服务器数据的请求和响应。在使用XHR对象的过程中，需要注意异步请求需要设置回调函数，以便及时获取和处理服务器的响应数据。