Как решить «Прерванные» сообщения Firebug при отправке данных формы через AJAX?
Я создал веб-приложение на PHP и использую MySQL в качестве базы данных, но на Firebug есть примечание «Aborted» Сеть столбец состояния панели при доступе к веб-странице. Зачем?
$('#submit').on('click', function () {
// e.preventDefault();
var formData = JSON.stringify($("#frmPayoye").serializeObject());
console.log(formData);
$.ajax({
type: "POST",
url: "http://www.sanaroopay.com/pg/api/ectransact/",
data: formData,
cache: false,
timeout: 60000,
async: false,
processData: true,
dataType: 'json', //you may use jsonp for cross origin request
contentType: "application/json; charset=utf-8",
crossDomain: true,
success: function (data) {
alert(JSON.parse(data));
// alert("ok");
console.log("success");
// window.location.assign('https://secure.payoye.net/web/merchant');
},
error: function () {
console.log("Failed");
}
});
});Решение
Вы не отменяете отправку формы, поэтому вызов Ajax прерывается, и страница отправляет форму так, как она предназначена. Так что вам нужно остановить отправку формы.
$('#submit').on('click', function (evt) {
evt.preventDefault(); //stop the default action of the button
//Rest of your code
});
Другие решения
Пожалуйста, смотрите документацию XHR open (), например, здесь: https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest
Примечание. Вызов этого метода уже активным запросом (тот, для которого уже были вызваны open () или openRequest ()) является эквивалентом вызова abort ().
Просто создайте новый экземпляр XHR всякий раз, когда он вам нужен. А еще лучше, используйте jQuery или другую библиотеку JS для создания AJAX. Это должно оградить вас от этих сложностей.