javascript如何发送ajax请求参数

发布时间：2023-10-04 17:30:28 所属栏目：教程来源：网络

导读： 　　先通过 JavaScript 代码来创建 XMLHttpRequest 对象。

　　var xhr = new XMLHttpRequest();

　　指定请求方法和请求地址

　　接下来，我们需要指定请求方法和请求地

　　先通过 JavaScript 代码来创建 XMLHttpRequest 对象。

　　var xhr = new XMLHttpRequest();

　　指定请求方法和请求地址

　　接下来，我们需要指定请求方法和请求地址。例如，如果需要使用 GET 方法向 /api/data.php 发送请求，我们可以使用如下代码。

　　xhr.open('GET', '/api/data.php', true);

　　其中，第一个参数指定请求方法，第二个参数指定请求地址，第三个参数则指定是否异步执行，通常为 true。

　　如果需要使用 POST 方法，则可以使用如下代码。

　　xhr.open('POST', '/api/data.php', true);

　　设置请求头部信息

　　在发送请求之前，我们还需要设置请求头部信息。例如，可以设置 Content-Type 为 application/x-www-form-urlencoded。

　　xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

　　发送请求

　　接下来，我们可以用 send() 方法发送请求。如果使用 GET 方法，则可以只传入一个空字符串作为参数。例如：

　　xhr.send('');

　　如果使用 POST 方法，则可以传入需要发送的数据。例如：

　　xhr.send('name=John&age=25');

　　接收和处理服务器返回的数据

　　当服务器返回响应时，我们可以通过 readyState 属性来检测请求状态。readyState 有五个可能的值：

　　0 (未初始化)：代表 xhr 对象已经创建，但未调用 open() 方法。

　　1 (正在发送)：代表 open() 方法已经调用，但 send() 方法未被调用。

　　2 (已发送)：代表 send() 方法已经调用，但服务器还未返回响应。

　　3 (正在接收)：代表响应已经开始接收，但未完成。

　　4 (完成)：代表响应已经完成，可以访问服务器返回的数据。

　　我们可以使用以下代码来监听 readyState 的变化。

　　xhr.onreadystatechange = function() {

　　    if (xhr.readyState === 4 && xhr.status === 200) {

　　        // 处理服务器返回的数据

　　        console.log(xhr.responseText);

　　    }

　　}

　　在 readyState 到达 4 时，我们可以访问 responseText 属性来获取服务器返回的响应信息。

（编辑：源码网）

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