使用XMLHttpRequest发送POST数据

Question

使用XMLHttpRequest发送POST数据我想在JavaScript中使用XMLHttpRequest发送一些数据。假设我在HTML中有以下表单：<form name="inputform" action="somewhere" method="post">     <input type="hidden" value="person" name="user">     <input type="hidden" value="password" name="pwd">     <input type="hidden" value="place" name="organization">     <input type="hidden" value="key" name="requiredkey"></form>如何在JavaScript中使用XMLHttpRequest编写等效代码？

Answer 1

下面的代码演示了如何执行此操作。

var http = new XMLHttpRequest();

var url = 'get_data.php';

var params = 'orem=ipsum&name=binny';

http.open('POST', url, true);

//Send the proper header information along with the request

http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

http.onreadystatechange = function() {//Call a function when the state changes.

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

        alert(http.responseText);

    }

}

http.send(params);

Answer 2

var xhr = new XMLHttpRequest();

xhr.open('POST', 'somewhere', true);

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

xhr.onload = function () {

    // do something to response

    console.log(this.responseText);

};

xhr.send('user=person&pwd=password&organization=place&requiredkey=key');

或者，如果您可以依赖浏览器支持，则可以使用FormData：

var data = new FormData();

data.append('user', 'person');

data.append('pwd', 'password');

data.append('organization', 'place');

data.append('requiredkey', 'key');

var xhr = new XMLHttpRequest();

xhr.open('POST', 'somewhere', true);

xhr.onload = function () {

    // do something to response

    console.log(this.responseText);

};

xhr.send(data);