[英]How to pass form element values to the ajax success function?
我使用以下代碼通過ajax提交了許多動態表單:
$(document).on('submit', 'form', function (e) {
$.ajax({
type: 'post',
url: 'data/process.php',
data: $(this).serialize(), // <----"this" is current form context
success: function () {
gaddress();
},
error: function (xhr) { //<----error function
gerroraddress(xhr);
}
});
e.preventDefault();
});
該代碼運行良好,但問題是我希望能夠提供如下所示的動態響應:
function gaddress(form) {
if (form = "addressform") {
var msg = "Address form updated successfully.";
jQuery.jGrowl(msg, {
life: 10000,
position: 'center'
});
vaddress();
}
}
這樣,在成功提交表單后,我將根據提交的表單提供適當的響應並重定向。
如何獲取要提交的表單名稱或表單元素之一的名稱,以便將其作為參數傳遞給成功函數gaddress()
?
此外,我需要在處理表單時顯示加載欄,並在成功完成后退出加載欄。
你可以做:
$(document).on('submit', 'form', function (e) {
var form = $(this).attr("id"); //Or any attribute here
$.ajax({
type: 'post',
url: 'data/process.php',
data: $(this).serialize(), // <----"this" is current form context
success: function () {
gaddress(form);
},
error: function (xhr) { //<----error function
gerroraddress(xhr);
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.