javascript - 为什么 URL 未定义(在 JQuery Ajax 发布之后)

Question

基本上，我在个人资料 View 中执行 Ajax 发布后尝试刷新 View 。

 $.ajax({ 
     url: '/Profile/Index',
     dataType: "html", 
     type: "POST", 
     data: JSON.stringify(10), 
     success: function(returl) { 
         alert('It worked'); 
         window.location.href = returl.url;
     }, 
     error: function(jqXHR,responseText,textStatus) {
         alert(jqXHR.responseText) 
     } 
});

这是 HttpPost 操作:

[HttpPost]
public ActionResult Index(string number){
    //Things to do
    var redirectUrl = new UrlHelper(Request.RequestContext).Action("Index", "Profile");
    return Json(new { Url = redirectUrl });
}

发布后我得到这个 URL:http://localhost:50738/undefined 我已经调试了 Controller 方法并且它正确地获取了/Profile。我不明白为什么这个问题一直存在...谢谢!

Answer 1

您告诉 Ajax 请求期望返回 HTML 而不是 JSON，因此 returl 完全是一个字符串值，因此 returl.url 将是未定义的。将您的数据类型更改为 json。

在 http://api.jquery.com/jquery.ajax/#jQuery-ajax-settings 上找到这个.查看数据类型参数以获取更多信息。

$.ajax({
        url: '/Profile/Index',
        dataType: "json",
        type: "POST",
        data: JSON.stringify(10),
        success: function (returl) {
            alert('It worked');
            window.location.href = returl.Url;
        },
        error: function (jqXHR, responseText, textStatus) {
            alert(jqXHR.responseText);
        }
    });