JQuery Ajax - пример POST запроса, обрабока успешного завершения и ошибки, проверка результата -- пример, синхронизация
Primary tabs
Пример выполнения и обработки результатов Ajax запроса средствами JQuery:
$.ajax({ // сам запрос
type: 'POST',
url: "/some/url/update",
data: {'text' : '123'}, // данные которые передаём серверу
dataType: "json" // предполоижтельный формат ответа сервера
}).done(function(res) { // если успешно
console.log('Ответ получен: ', res);
if (res.success) { // если все хорошо
console.log('ОК!)');
} else { // если не нравится результат
console.log('Пришли не те данные!');
}
}).fail(function() { // если ошибка передачи
console.log('Ошибка выполнения запроса!');
});
Пример предоставлен Д. (благодарим)
По аналогии с этим и с учетом специального типа для "ожидаемой" переменой, мы можем переписать пример выше более "структурировано":
var Rec = $.Deferred(); // переменная, которую можно считать "возвращаемой"
// делаем запрос
var Rec = $.ajax({ // запрос, по формату асинхронный
type: 'POST',
url: "/some/url/update",
data: {'text' : '123'}, // данные которые передаём серверу
dataType: "json" // предполоижтельный формат ответа сервера
});
// если успешно (res -- переменная с ответом сервера)
$.when(Rec).done(function(res) { // подождём пока запрос завершится
console.log('Ответ получен: ', res);
if (res.success) { // если все хорошо
console.log('ОК!)');
} else { // если не нравится результат
console.log('Пришли не те данные!');
}
});
// если произошла ошибка
$.when(Rec).fail(function() { // подождём пока запрос завершится
console.log('Ошибка выполнения запроса!');
});- Log in to post comments
- 6165 reads