Как я показываю диалоговое окно подтверждения прежде, чем отправить форму с помощью jQuery ajax метод?
Я использую jQuery ajax для удаления клиента из таблицы. Как я показал бы поле подтверждения прежде, чем отправить форму? Я предпочтительно хотел бы использовать диалоговое окно jQuery.
Я видел вопросы как это прежде, но ни один из них не помог.
Это - мой код:
$.ajax({
type: "POST",
url: "delete/process.php",
data: "delcustomerid="+ delcustomerid,
success: refreshTable
});
2 ответа
Функция ajax имеет событие beforeSend , которое можно использовать для отображения диалогового окна перед отправкой формы.
Если в диалоговом окне указано, что форма не должна быть отправлена, вы должны вернуть false из своей функции, так что отправка формы не произойдет.
В вашем случае вы должны сделать следующее:
$.ajax({
beforeSend: function (request) {
// This is where you show the dialog.
// Return false if you don't want the form submitted.
},
type: "POST",
url: "delete/process.php",
data: "delcustomerid="+ delcustomerid,
success: refreshTable
});
Если вы отправляете POST-запрос для формы (который, по-видимому, таков), я настоятельно рекомендую вам взглянуть на jQuery form plugin , поскольку он значительно упрощает процесс отправки форм через вызовы AJAX и использует те же параметры, что и вызов ajax .
Вам необходимо создать функцию, которая будет выполнять вызов, который вы показываете после проверки ввода данных пользователем.
например:
function DeleteWithCheck() {
if (confirm("Are you sure you want to delete customer "+delcustomerid.ToString()))
{
$.ajax({
type: "POST",
url: "delete/process.php",
data: "delcustomerid="+ delcustomerid,
success: refreshTable
});
}
else
alert("Aborted");
}
Вызовите эту функцию, если хотите удалить.