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

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 });