将json数据发送到mvc3中的httppost操作后如何防止重定向到查看

Question

我在开发单页网络应用时遇到问题。

当 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 success 回调函数将被触发并接收到数据 'true'。

但现在的问题是，在这之后，页面会被重定向到/User/Create查看页面

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

是因为它是 HTTPPOST 动作吗？

真正的原因是什么以及如何解决？

Answer 1

大概，您点击的是一个 URL。您没有阻止默认事件（加载 url）在您的点击事件中发生

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

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