ASP.Net MVC 通过 JQuery 提交 Ajax 表单答案

【问题标题】：ASP.Net MVC Submitting Ajax Form Via JQueryASP.Net MVC 通过 JQuery 提交 Ajax 表单
【发布时间】：2009-07-07 15:23:04
【问题描述】：

我有一个 Ajax 表单，可以在使用提交按钮提交时更新 div，这可以正常工作。但是，当用户更改下拉列表中的选择时，我想删除提交按钮并自动提交表单。

我在下拉更改事件中为此编写了以下 JQuery

$("#SummaryFilterForm").submit();

这样做的问题是它不会触发表单的 onSubmit 事件，导致渲染部分渲染到新页面而不是当前窗口中的 div。

如何让 JQuery 提交表单并触发 onsubmit 事件？

谢谢

【问题讨论】：

标签： javascript asp.net-mvc

【解决方案1】：

如何提交 Ajax 请求？如果你使用 $.Ajax，你可以使用这个：

  function connectDropdown() {

    $("select#drpFilter").unbind('change').change(function() {

      $.ajax({
        type: "POST",
        url: "/YourController/YourAction",
        data: {
          YourParameter: someValue,

        },
        dataType: "json",
        success: function(result) {
          alert('works like a charm');
          //update div here
        }
      });
    });
    }

【讨论】：

但是 onsubmit 事件呢？
他可以在此处将 onsubmit() 行为添加到回调中

【解决方案2】：

<form name="SummaryFilterForm" id="SummaryFilterForm" onsubmit="connectDropDown(this); return false;">

您可以将“connectDropDown()”替换为您想要调用的任何函数，并将您的表单传递给它，以便您可以检索您的值。

【讨论】：

以为我们试图摆脱内联脚本属性并且不引人注目！