Comment transmettre une variable au service Web dans $ .ajax

Question

Je souhaite envoyer un paramètre au service Web. Le paramètre doit être une variable et non une chaîne fixe. Lorsque j'écris le code suivant, le service web s'appelle bien et est exécuté parfaitement. Mais quand je change la ligne à la suivante où x est une variable, cela ne fonctionne pas. Pouvez-vous me dire comment passer une variable au webservice dans le code suivant.

data:"{'url':x}", 

Answer 1

Vous étiez vraiment proche. Ne placez pas votre valeur de l'élément de données entre guillemets-à-dire:

$(function() { 
    var dynamic_url = "http://www.example.com"; 
    $.ajax({ 
    type: "POST", 
    url: "JsonTestService.asmx/Test", 
    data: { 
     url: dynamic_url 
    }, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function(msg) { 
     alert(msg.d); 
    } 
    }); 
});` 

En enfermant le tout entre guillemets l'expression simple n'a pas été évaluée. Je conseillerais aussi d'utiliser la syntaxe des deux pour passer des objets. Je pense que c'est plus clair.

Answer 2

Ce qui suit devrait fonctionner:

$(document).ready(function() { 
    var x = 'http://www.cramster.com'; 

    $.ajax({ 
     type: "POST", 
     url: "JsonTestService.asmx/Test", 
     data: { 'url': x }, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function(msg) { 
      alert(msg.d); 
     } 
    }); 
}) 

Vous avez besoin de perdre les guillemets autour de votre paramètre data.

Answer 3

La raison pour laquelle vous devez citer la chaîne entière de JSON:

Dans les demandes qui leur sont faites, les services de script ASP.NET AJAX et les méthodes de page à comprendre et à attendre les paramètres sérialisé sous forme de chaînes JSON. Ces paramètres sont analysés à partir des données POST et utilisés comme arguments pour la méthode que vous avez appelée. Toutefois, si vous fournissez directement un objet JSON en tant que paramètre de données pour un appel $ .ajax, jQuery sérialisera l'objet en une série de paires k, v à POST au lieu de passer le JSON brut à votre service Web. .

Plus de détails sont disponibles dans this post on common pitfalls when using jQuery with ASP.NET AJAX web services and page methods, si cela vous intéresse. Vous pouvez également être intéressé par using a stringify method to make constructing the JSON string much cleaner.

Answer 4

Il est correct d'avoir le JSON sous forme de chaîne par les jquery docs, la solution évidente pour obtenir la valeur de x en elle est à faire:

data:"{\"url\":\"" + x + "\"}",