JavaScript에서 XMLHttpRequest를 사용하여 POST 데이터를 어떻게 보낼 수 있습니까?

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를 사용하여 이 양식의 동작을 복제하려면 다음 단계를 따르십시오.

var http = new XMLHttpRequest();
var url = 'get_data.php';
var params = 'orem=ipsum&name=binny';

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

http.onreadystatechange = function() {
    if (http.readyState == 4 && http.status == 200) {
        alert(http.responseText);
    }
}

http.send(params);

또는 데이터가 포함된 개체가 있는 경우 보내려면 다음 코드를 사용하여 매개변수로 변환하세요.

var params = new Object();
params.myparam1 = myval1;
params.myparam2 = myval2;

let urlEncodedData = "", urlEncodedDataPairs = [], name;
for (name in params) {
    urlEncodedDataPairs.push(encodeURIComponent(name) + '=' + encodeURIComponent(params[name]));
}

위 내용은 JavaScript에서 XMLHttpRequest를 사용하여 POST 데이터를 어떻게 보낼 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!