當我使用Ajax更新面板時，是否需要在那一刻設置所有事件？

我要展示一些我的代碼。在我的剃鬚刀視圖中，我有一個HTMLForm，我想用它與Ajax。當我使用Ajax更新面板時，是否需要在那一刻設置所有事件？

看下面的代碼提交。

var editQuestionFormSubmit = function() { 
    $.ajax({ 
     url: this.action, 
     type: this.method, 
     data: $(this).serialize(), 
     success: function (result) { 
      $('#target2').html(result); 
      //$("#editQuestionForm").submit(editQuestionFormSubmit); 
     } 
    }); 
    return false; 
}; 

var editQuestion = function() { 
    $.ajax({ 
     url: this.href, 
     type: "get", 
     success: function (result) { 
      $("#target2").html = result; 
      $("#editQuestionForm").submit(editQuestionFormSubmit); 
     } 
    }); 
    return false; 
};

的editQuestion功能是首次當用戶單擊超鏈接，它的結果中包含一種形式，這就是爲什麼我把它提交事件的原因。

現在，當用戶執行後，讓我們去想象，它不是有效的，所以我再次顯示相同的形式，但與現款車型

public ActionResult EditQuestion(QuestionTemplate qt) 
    { 
     if (ModelState.IsValid) 
     { 
      .... 
      return ... 
     } 

     return PartialView("_EditQuestion", qt); 
    }

所以，最後的代碼我返回相同窗體，但顯示的錯誤進行驗證，我必須再次註冊提交事件處理程序。我正在做一個好的方法，還是有更好的方法來在每個回調中不註冊每個事件處理程序。

來源

2013-03-05 Darf Zon

DARF，

在submit事件的情況下，處理不能使用，因爲該事件不起泡委派給一個祖先元素。這就否定了處理由動態添加元素引發的事件的首選方法。

因此，通過您的驗證方法，您必須在每次更換表單時附加事件處理函數submit。

但是，你應該能夠避免需要通過僅更換內容形式（其.html()）的，在原位留下一個原始的，硬編碼<form>元素的文檔要求這樣做。

來源

2013-03-05 01:28:30

當我使用Ajax更新面板時，是否需要在那一刻設置所有事件？

回答

相關問題