Question

假设我在对话框中有表单

<div id = "add-users">
   <form>
      <input type="checkbox" value="1">Jim<br>
      <input type="checkbox" value="2">Will
      <input type="submit" value="Add">
   </form>
</div>

点击提交按钮后，是否可以使用ajax发布表单？我不希望整个页面发布，只是对话框。

感谢您的帮助

Answer 1

不确定。给提交按钮一个Id，以便我们以后可以使用它来进行jQuery选择。

<input type="submit" id="ajaxSubmit" value="Add">

现在在javascript中，听取提交按钮点击并获取表单并序列化并将其发送到您的操作方法。

$(function(){

   $("#ajaxSubmit").click(function(e){
      var _this=$(this);
      e.preventDefault();
      var _form=_this.closest("form");
      $.post("@Url.Action("Create","User")",_form.seriazlize(),function(result){
            //do something with the result
      });
  });

});

假设您的操作方法参数适合接收序列化表格。

Answer 2

您可以使用AJAX序列化表单并发送给控制器。

查看文件**

$("button").on("click", function () {
var myform = $('form');
var fd = myform.serialize();
$.ajax({ type: 'POST',
         url: '@Url.Content("~/Controller/Action")',
         data: fd });

使用jQuery在服务器对话框中发布表单

2 个答案: