首页 >web前端 >js教程 >如何使用 XMLHttpRequest 发送 POST 数据?

如何使用 XMLHttpRequest 发送 POST 数据?

Patricia Arquette
Patricia Arquette原创
2025-01-02 14:27:38335浏览

How to Send POST Data with XMLHttpRequest?

如何使用XMLHttpRequest提交POST数据

应用程序需要向服务器提交数据的场景,可以利用XMLHttpRequest发送POST数据。

在提供的 HTML 代码中,数据封装在隐藏的表单字段中。要在 JavaScript 中使用 XMLHttpRequest 镜像此行为,请按照以下步骤操作:

  1. 创建 XMLHttpRequest 对象:

    var http = new XMLHttpRequest();
  2. 设置请求方式并URL:

    var url = 'get_data.php';
    http.open('POST', url, true);
  3. 设置请求标头:

    http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
  4. 定义就绪状态的事件监听器更改:

    http.onreadystatechange = function() {//Call a function when the state changes.
     if(http.readyState == 4 && http.status == 200) {
         alert(http.responseText);
     }
    }
  5. 发送数据:

    http.send(params);

对于数据的情况存储在一个对象中,使用提供的代码片段将其转换为 URL 编码格式。

以上是如何使用 XMLHttpRequest 发送 POST 数据?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn