使用 jquery 的后续 ajax 调用在 mvc 4 应用程序中不起作用答案

【问题标题】：Subsequent ajax call using jquery not working in mvc 4 application使用 jquery 的后续 ajax 调用在 mvc 4 应用程序中不起作用
【发布时间】：2015-01-27 12:49:14
【问题描述】：

我的局部视图有一个表单，点击一个按钮，我正在进行 ajax 调用。控制器返回局部视图并被渲染。这一切都很完美，但是当我再次单击按钮时，没有进行 ajax 调用。我见过很少有类似的后续调用失败的问题，但没有一个解决方案适合我。我的ajax调用代码是

  $(document).ready(function () {
        $('#btnUpdateRequest').click(function (e) {
            e.preventDefault();
            $.ajax({
                url: '/Request/UpdateRequest',
                cache: false,
                data: $('form[id="RequestForm"]').serialize(),
                type: 'POST',
                success: function (data) {
                    $('.divPartial').html(data);
                    $('#ResponseContainer').addClass('show').removeClass('hide');
                }
            });
        });
    });

我的表格如下

@using (Html.BeginForm("UpdateRequest", "Request", FormMethod.Post, new {@class = "form", id = "RequestForm" }))
{
// form elements 
 <input class="btn btn-danger pull-right" id="btnUpdateRequest" value="Update" />
 }

有什么想法吗？谢谢

【问题讨论】：

标签： jquery ajax asp.net-mvc asp.net-mvc-4

【解决方案1】：

您的脚本应该在主页上，而不是在部分页面上。在页面加载后部分加载您的点击事件将不会被看到。要解决此问题，您需要将点击事件绑定到文档

$(document).on('click', '#btnUpdateRequest', function (e) {
    //your script here
});

【讨论】：

【解决方案2】：

这样试试

$('#btnUpdateRequest').click(function (e) {
    e.preventDefault(); //preventing the default action
    var $form = $('#RequestForm');
    $.ajax({
        url: $form.prop('action'),
        data: $form.serializeArray(),
        type: 'POST',
        success: function (data) {
            $('.divPartial').html(data);
            $('#ResponseContainer').addClass('show').removeClass('hide');
        }
    //you can return false;
    });


});

【讨论】：