2013-07-20 67 views
2

我有以下代碼通過jQuery提交表單並獲取其返回(Json),處理它並做一些其他的事情。它運作良好。通用/動態JQuery表單提交

$(function() { 
    $('#update_marker').submit(function(e) { 
    e.preventDefault(); 
    $.post($("#update_marker").attr("action"), $("#update_marker").serialize(), function(data) { 

我想知道是否有辦法處理大量不同的表單,而無需爲每個表單ID創建此塊。有沒有一種方法可以讓代碼中的#update_marker表示爲動態的(例如包裝函數中的參數),所以我只需要爲我的所有表單創建一個代碼塊?

回答

1

如果你想這樣做對他們同樣的動作,爲什麼不使用

$(function() { 
     $('form').submit(function(e) { 
     e.preventDefault(); 
     $.post($(this).attr("action"), $(this).serialize(), function(data) {...} 
    }); 
}); 
1

它可以像換#update_marker的形式,簡單嗎?

$(function() { 
    $('form').submit(function(e) { 
     e.preventDefault(); 
     $.post($(this).attr("action"), $(this).serialize(), function(data) { 

這將鉤住頁面上的每個表單元素。如果你想它只發生在某些形式,添加一個class =「specialform」給他們,然後做類似

$(function() { 
    $('.specialform').submit(function(e) { 
     e.preventDefault(); 
     $.post($(this).attr("action"), $(this).serialize(), function(data) { 
+0

很酷,我認爲這樣做! :) –