提交與AJAX格內的表格

我正在嘗試使用AJAX提交表單以阻止瀏覽器刷新頁面。表單位於輔助頁面內，稱爲主頁面div（類似於使用母版頁和內容佔位符）。提交與AJAX格內的表格

我一直在嘗試幾種方法，但我總是遇到同樣的問題。每當我嘗試提交表單時，響應都是帶有表單的輔助頁面，並且我不能像預期的那樣將awnser放在主頁的內容div中。

關於如何使這項工作的任何提示？

Main Page 


    <div id="content"> Secondary page content goes in here loaded using AJAX</div> 



    Secondary Page 

    <form runat="server" id="formuser"> 
      <asp:TextBox ID="txtusername" runat="server"></asp:TextBox> 
      <asp:TextBox ID="txtemail" runat="server"></asp:TextBox> 
      <a href="#" onclick="document.formuser.submit()"> Submit Form </a> 
    </form>

我打算做的是提交上面的表單，同時停留在主頁面並在內容div中顯示響應。我需要的形式是runat =「服務器」，所以我可以使用代碼隱藏操縱數據。

來源

2011-05-31 José Valente

請問您能展示一些代碼嗎？ – lonesomeday 2011-05-31 13:04:14

這就是頁面的組織方式。 – 2011-05-31 13:18:14

這個地方的設計方式是，您將答案發布爲答案，然後在可以的時候將其標記爲已接受（在您接受自己的答案之前有一段時間）。不是通過編輯問題並將[解決]放在其標題中。請閱讀[FAQ]（http://stackoverflow.com/faq）。 – 2011-05-31 14:47:31

看來，我是用的內容載入方法是建立一個xmlHttpRquest並且它與我從jQuery得到的迴應衝突。

來源

2011-06-02 13:47:08

使用一些jQuery的：

 $('#SaveFormButton').click(function (e) { 
       $.ajax({ 
        type: "POST", 
        url: $('#FormToSubmit').attr("action"), 
        data: $('#FormToSubmit').serialize(), 
        success: function (data) { 
         //Whatever you want to do after the form has posted 
        }, 
        error: function(data){ 
         alert("Error"); 
        } 
       }); 
     });

來源

2011-05-31 13:07:35 BonyT

使用此方法提交表單時，如何檢索代碼隱藏數據？ – 2011-05-31 13:24:56

像這樣的東西應該這樣做。這種方式使用e.preventDefault（）可以使用標準表單標記和提交按鈕。

http://jsfiddle.net/CcDPx/1/

來源

2011-05-31 13:13:48 Henry

提交與AJAX格內的表格

回答

相關問題