jQuery getJson() ne fonctionne pas avec ASP.NET MVC

Question

Je souhaite utiliser jQuery pour appeler simplement mon contrôleur MVC. J'ai été capable de déboguer le côté serveur, ce qui signifie que le contrôleur a détecté l'appel ajax et renvoyé les informations demandées. Mais le côté client n'est jamais mis à jour après les retours côté serveur. Lorsque j'utilise FireBug pour déboguer le script, le côté client est bloqué sur event.isImmediatePropagationStopped() dans handle() de jquery-1.4.1.js. Cela signifie-t-il que le client n'a tout simplement pas été rappelé? S'il vous plaît aider.

$('#ToZip').blur(function() { 
    $.getJSON('http://localhost:3958/home/GetZipInfo?id=' + this.value, 
     function(result){ 
      $("#ToCity").val = result.City; 
      $("#ToState").val = result.State; 
     } 
    ) 
}); 

public ActionResult GetZipInfo(string id) 
{ 
    // some code to prepare return value, zip 
    return Json(zip, JsonRequestBehavior.AllowGet); 
} 

Merci à l'avance

Answer 1

Avez-vous validé votre réponse JSON? http://api.jquery.com/jQuery.getJSON/ états:

À partir de jQuery 1.4, si le fichier JSON contient une erreur de syntaxe, la demande sera généralement échouer en silence.

Ouvrir vous handler directement dans un navigateur et copiez et collez-vous ici: http://www.jsonlint.com/

Answer 2

je pense que peut-être parce que votre utilisant une URL complète « http://localhost:3958/home » - jquery pourrait penser votre domaine cross va donc les tentatives d'un appel jsonp. Un moyen facile de vérifier dans firebug est de voir si un script a été demandé ou si un appel xhr a été tenté, un appel jsonp ajoute également un paramètre callback à la chaîne querystring.

Essayez de changer l'URL juste '/home/GetZipInfo?id=' + this.value

Answer 3

essayer cette façon,

var ID = $ ('# ToZip') val(). ;

var url = '<% = Url.Content ("~ /")%>' + "home/GetZipInfo";

.getJSON $ ( url,.. {Id: ID}, la fonction (résultat) { $ ("# ToCity") val = result.City; $ ("# toState") val = résultat .State; } );

Answer 4

Si vous utilisez ASP.NET MVC 2.0, essayez d'utiliser un "POST" par rapport à "GET" sur la méthode quelque chose comme;

$.ajax({ 
    type: 'POST', 
    url: 'http://localhost:3958/home/GetZipInfo', 
    data: {id: this.value }, 
    success: function(data) { 
     $("#ToCity").val = data.City; 
     $("#ToState").val = data.State; 
    } 
    dataType: "json" 
}); 

Answer 5

Si vous utilisez ASP.Net MVC 3, essayez ceci.

$('#btnGetProduct').click(function() { 
     $.getJSON("/Home/getproduct", { code: tcode.value }, function (data) { 

      $('#tname').val(data.Pr_Name); 
     }); 
    });