在模式对话框 MVC、jQuery 中提交部分视图表单

Question

这是我的代码：

<td class="tedit">
                    <%= Html.ActionLink(item.Comments, "Comments", new { jobNumber = item.JobNumber, ordNumber = item.OrderNumber }, new { @class = "modalEdit" })%>
 </td>



<div id="resultEdit" title="Edit Comments" style="display: none;">
       <% Html.RenderPartial("AddComments", Model.InnerModel.RoadReportModelProp); %>
</div>



 <script type="text/javascript">
        $(document).ready(function () {
            //initialize the dialog
            $("#resultEdit").dialog({ modal: true, width: 300, resizable: true, position: 'center', title: 'Add Comments', autoOpen: false,
                buttons: { "Save": function () {
                    var dlg = $(this);
                    dlg.Close();
                   }}
        });
                        });

        $(function () {
            $('.modalEdit').click(function () {
                //load the content from this.href, then turn it into a dialog.
                $('#resultEdit').load(this.href).dialog('open');
                $.unblockUI();
                return false;
            });
        });

      </script>

当我单击对话框中的“保存”按钮时，我需要向控制器发送 POST 请求，但我无法发送 POST。

请帮忙。

Answer 1

您应该能够使用 $.post 来保存您的数据。例如，

$.post(url, data, function(response) {
    // Do something with response
});

您需要从对话框中收集数据。

问候，

哈斯克

Answer 2

  <div> 

        <% using (Html.BeginForm("Post-FormActionName", "Controllername"))
           {
        %>             

             <div class="fieldsColumn">

              <label>Name: *</label>
                <%=Html.TextBoxFor("Name")%>

        </div>

            <div class="fieldsColumn">

              <input id="submit" type="submit" value="Save"/>

        </div>


        <%}%>      

</div>

Answer 3

您可以使用以下内容来发布，此外，您能否提供您要发布的表单的代码，&还有您创建的控制器：

<script type="text/javascript">
$(document).ready(function() {
    //get the form
    var f = $("#idofForm");
    var action = f.attr("action");
    var serializedForm = f.serialize();
    $.post(action, serializedForm, function() {
        alert('we are back');
    }
});
</script>