javascript - Why is the URL undefined (After JQuery Ajax Post) - Stack Overflow

admin管理员组

文章数量:1332389

So basically, I'm trying to refresh the view after I do an Ajax Post in a Profile 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) 
     } 
});

This is the HttpPost Action:

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

And after the post is made I get this URL: http://localhost:50738/undefined I already debugged the Controller method and it gets /Profile correctly. I can't understand why this problem keeps going... Thanks!

So basically, I'm trying to refresh the view after I do an Ajax Post in a Profile 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) 
     } 
});

This is the HttpPost Action:

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

And after the post is made I get this URL: http://localhost:50738/undefined I already debugged the Controller method and it gets /Profile correctly. I can't understand why this problem keeps going... Thanks!

• javascript
• jquery
• asp
• ajax

Share Improve this question Follow edited Jul 24, 2015 at 14:21 Holt 37.7k77 gold badges9898 silver badges143143 bronze badges asked Jul 24, 2015 at 14:13 Cajux94Cajux94 12711 gold badge33 silver badges1515 bronze badges 1

• What does console.log(returl) print? – galactocalypse Commented Jul 24, 2015 at 14:20

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

You're telling the Ajax request to expect HTML to be returned and not JSON, so returl will quite literally be a string value and thus returl.url will be undefined. Change your datatype to json instead.

Found this on http://api.jquery./jquery.ajax/#jQuery-ajax-settings. Look at the datatype parameter for more info.

$.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);
        }
    });

If you are returning just a single string, return it as it is

Controller Code

return Json(redirectUrl);

and directly use the string in response

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

Try location.href=returl.Url instead of location.href=returl.url. Also fix the expected type to 'json' as the above answer points out.

本文标签： javascriptWhy is the URL undefined (After JQuery Ajax Post)Stack Overflow