0

我在开发单页 Web 应用程序时遇到问题。

当 jQuery 将 json 发送到 HTTPPOST 操作时：

$('#user_dialog .create').click(function () {
                            var user = getInfoUser();
                            $.ajax({
                                url: '@Url.Action("Create", "User")',
                                async: false,
                                type: 'POST',
                                data: JSON.stringify(user),
                                datatype: 'json',
                                contentType: 'application/json;charset=utf-8',
                                success: function (data) {
                                    $('#user_dialog').dialog("close");
                                }
                            });
                        });

我在控制器中的 HTTPPOST 操作将处理请求

[HttpPost]
  public String Create(UserAddViewModel model)
        {
            try
            {
                // TODO: Add insert logic here

                return JsonConvert.SerializeObject(true);
            }
            catch
            {
                return JsonConvert.SerializeObject(false);
            }
        }

并且我的 jQuery成功回调函数将被触发并接收到数据“真”。

但现在的问题是在此之后，页面将被重定向到/User/Create视图页面

我不希望它重定向到页面，我只想通过我的 jQuery 代码处理 UI。

那是因为它是 HTTPPOST 动作吗？

实际原因是什么以及如何解决？

4

1 回答 1

4

据推测，您单击的内容是 URL。您没有阻止默认事件（加载 url）在您的点击事件中发生

$('#user_dialog .create').click(function (event) {
    event.preventDefault();
    //rest of function

每当单击事件完成时，接下来会发生默认事件（如果是链接则加载 URL，如果是提交按钮则提交表单，切换复选框等）。为了防止这种情况，您必须使用preventDefault()或返回 false 显式执行此操作。有关文档，请参阅http://api.jquery.com/event.preventDefault/。

于 2012-05-11T03:49:15.330 回答