Set Variable als Eigenschaft in einer JSON Anfrage mit jQuery

Question

Ich brauche eine Json-Anforderung mit der URL-Struktur zu machen wie: site.com/page?id=123

Wie gebe ich die Variable über die Anfrage und dann die Ergebnisse auf die Seite zurückgeben?

<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

wie diese versuchen:

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

Auch würde ich empfehlen Sie unaufdringliche Javascript verwenden:

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

Und dann in einer separaten JavaScript-Datei:

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

Auch Sie sollten sicherstellen dass Sie die same origin policy respektieren oder Ihre AJAX-Anfrage möglicherweise nicht funktioniert. Stellen Sie sicher, dass http://site.com/page dieselbe Domäne ist wie die Domäne, die die Seite zum Senden der AJAX-Anforderung hostet. Wenn dies nicht der Fall ist, können Sie Ihren Server so konfigurieren, dass er eine JSONP-Antwort sendet.