提交与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格内的表格

回答

相关问题