variable Définir comme propriété dans une requête JSON avec jQuery

Question

je dois faire une demande JSON avec la structure url comme: site.com/page?id=123

Comment puis-je passer la variable à travers la demande et renvoie les résultats à la page?

<input type='text' id='theInput'> 
    <input onclick='getIt(); return false;' /> 
    <div id="results"></div> 
    <script> 
     function getIt(){ 
     var x = ($j('#theInput').val()); 
     $j.getJSON("http://site.com/page?id=", 
      { 
     //how do i append x to request? 
      }, 
     ); 
     } 
    </script> 

Answer 1

Essayez comme ceci:

var id = $j('#theInput').val(); 
$j.getJSON('http://site.com/page', { id: id }, function(result) { 
    // success 
}); 

Aussi je vous conseille d'utiliser le Javascript discret:

<input type="text" id="theInput" /> 
<input type="button" id="btn" value="Click me" /> 
<div id="results"></div> 

Et puis dans un fichier javascript séparé:

$(function() { 
    $('#btn').click(function() { 
     var id = $j('#theInput').val(); 
     $j.getJSON('http://site.com/page', { id: id }, function(result) { 
      // manipulate the results 
     }); 
     return false; 
    }); 
}); 

également vous devriez vous assurer que vous respectez le same origin policy ou votre demande AJAX pourrait ne pas fonctionner. Vérifiez que http://site.com/page est le même domaine que celui qui héberge la page envoyant la requête AJAX. Si ce n'est pas le cas, vous pouvez configurer votre serveur pour qu'il envoie une réponse JSONP.