Старый, но я попробую, может быть, кто-то найдет эту информацию полезной.
Это минимальный объем кода, который вам нужен для выполнения запроса GET
и выборка некоторых форматированных данных JSON
. Это применимо только к современным браузерам, таким как последние версии Chrome, FF, Safari, Opera и Microsoft Edge.
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data.json'); // by default async
xhr.responseType = 'json'; // in which format you expect the response to be
xhr.onload = function() {
if(this.status == 200) {// onload called even on 404 etc so check the status
console.log(this.response); // No need for JSON.parse()
}
};
xhr.onerror = function() {
// error
};
xhr.send();
Также ознакомьтесь с новым API Fetch , который является обещанием, основанной на замене для API XMLHttpRequest .
Если вы проанализируете тело вашего запроса, то заметите, что это не JSON, чтобы отправить JSON, вы должны закодировать его в свой запрос ajax от вашего объекта.
$("#add_user_button").click(function (event) {
event.preventDefault();
$.ajax({
type: "POST",
url: '/user/',
data:
JSON.stringify({ // <--here
'action': "addUser",
'username': $('#id_username').val(),
'password': $('#id_password').val(),
'groups': $('#id_groups').val()
})
,
contentType: 'application/json; charset=utf-8'
});
}