Le champ de réponse JSON est indéfini

Question

J'ai suivi les instructions ici Problem performing Ajax call from ASP.NET MVC2 app et je lis à propos de JSON. J'ai beaucoup cherché mais je n'ai pas trouvé de réponse. J'utilise le code suivant:

Vue:

<script type="text/javascript"> 
var userName = $("#userName").val(); 

$.ajax({ 
    type: 'POST', 
    url: '/Home/PgAJAXTest', 
    data: { 
     q: 'Test1', 
     s: 'Test2' 
    }, 
    success: function (bbb) { 
     alert(bbb.Val13); 
    }, 
    error: function (msg) { 
     alert("error"); 
    } 
}); 

</script> 

code du contrôleur ASP.NET MVC est:

[HttpPost] 
    public JsonResult PgAJAXTest(string q, string s) 
    { 
     var a = Json(new { Val13 = " TEST " }); 
     return a; 
    } 

Le problème est que je reçois "undefined".
Si je change alert(bbb.Val13);-alert(bbb); je reçois {"Val13":" TEST "}

Je suppose qu'il a quelque chose à voir avec le contrôleur ne pas retourner JSON exactement au format JSON attend.

Answer 1

Vous êtes obtenir une réponse de chaîne.

Utilisez quelque chose comme

success: function (bbb) { 
    var response = jQuery.parseJSON(bbb); 
    alert(response.Val13); 
} 

Puisque vous utilisez jQuery, vous pouvez utiliser jQuery.parseJSON pour analyser la chaîne.

Answer 2

Essayez cette

[HttpPost] 
    public JsonResult PgAJAXTest(string q, string s) 
    { 
     return Json(new { Val13 = " TEST " }); 
    } 

Answer 3

Vous devez ajouter datatype: 'json' à votre demande JQuery AJAX.

Essayez:

<script type="text/javascript"> 
var userName = $("#userName").val(); 

$.ajax({ 
    type: 'POST', 
    datatype: 'json', 
    url: '/Home/PgAJAXTest', 
    data: { 
     q: 'Test1', 
     s: 'Test2' 
    }, 
    success: function (bbb) { 
     alert(bbb.Val13); 
    }, 
    error: function (msg) { 
     alert("error"); 
    } 
}); 

</script>