我如何发送json在请求体与ajax ?只用javascript，不用jQuery

Question

我如何发送json在正文请求与ajax?只使用Javascript，不要使用jQuery !!有人可以帮忙我提醒你不要使用jQuery!!

Answer 1

您可以创建像jquery ajax请求一样工作的函数。

function AJAX(url, success, async) {
if (window.XMLHttpRequest) {
var request = new XMLHttpRequest;
} else {
// IE6 and IE5 (unnecessary)
var request = new ActiveXObject("Microsoft.XMLHttp");
}
if (async) request.onReadyStateChange = function() {
if (request.readyState == 4) {
success(request.status, request.responseText);
}
};
request.open("GET", url, async);
request.send();
if (!async) success(request.status, request.responseText);
}

Answer 2

我不明白你的意思。如果你需要的只是请求一个URL并发送JSON正文，你可以简单地使用XMLHttpRequest:

实现它。

var xhr = new XMLHttpRequest();
var url = "url";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log('RESPONSE');
}
};
var data = {"email": "[e-mail]", "password": "101010"}; // JSON YOU SEND
xhr.send(JSON.stringify(data));

这里的原始答案:发送JSON到服务器并返回JSON，不使用JQuery

Answer 3

你可以试试这样做

var xhr = new XMLHttpRequest;
xhr.open('POST', '/your_url');
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// success
console.log(xhr.responseText); 
} else {
// other
console.log('Error, status code = ' + xhr.status + ', response = '+xhr.responseText);
}
};
var payload = JSON.stringify({param1: 1, param2: 'hello'});
xhr.send(payload);