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
- 5319 reads