jquery - 嵌套ajax调用时页面不刷新

Question

我使用 JQuery 对话框添加了一个新客户端，成功后我想重新加载页面但没有发生。

jQuery 调用

 $("#saveNewClient").click(function () 
        {
            if ($(this).valid())
            {
                var clientName = null;
                var clientTypeId = null;
                var clientCode = null;

                clientName = $('#Client_ClientName').val();
                clientTypeId = $('#ClientTypeSelectId').val();
                clientCode = $('#Client_ClientCode').val();

                $.ajax(
                    {
                        type: "POST",
                        async: false,
                        url: "/Client/AddClient",
                        cache: false,
                        data: { "clientName": clientName, "clientTypeId": clientTypeId, "clientCode": clientCode },
                        dataType: "json",
                        error: function (request) {
                            alert(request.responseText);
                        },
                        success: function (result) {
                            //alert('Successfully Inserted Client');
                            $.ajax({
                                url: "/Client/Index",
                                type: 'GET',
                                datatype: 'json',
                                success: function (data) {
                                    //alert('got here with data');
                                },
                                error: function () {
                                    //alert('something bad happened');
                                }
                            });
                            $('#myClientDialogContainer').dialog('close');
                        }
                    });
            }
            return false;
        });

早些时候，我给出了一条警告消息“成功添加客户端”。但是由于添加的客户端没有出现在网格中。我调用了另一个 ajax 调用来用数据刷新页面。操作方法正在调用，当页面加载时，我可以看到添加的客户端数据正在传递给 Grid，但新插入的客户端没有出现网格。当我刷新页面时，该行出现了。请任何人都可以帮忙。

Answer 1

确保在成功回调中刷新 DOM：

success: function (data) {
    //alert('got here with data');
    $('#yourGridContainer').html(data);
}

这显然假设Index控制器操作正在返回包含更新结果的网格的局部视图。