Установить переменную как свойство в запросе JSON с помощью jQuery

Question

Мне нужно сделать JSON-запрос со структурой URL, например: site.com/page?id=123

Как передать переменную через запрос, а затем вернуть результаты на страницу?

    <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

Попробуйте так:

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

Также я бы порекомендовал вам использовать ненавязчивый JavaScript:

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

А затем в отдельном файле JavaScript:

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

Также вы должны убедиться, что вы соблюдаете такую ​​же политику происхождения , иначе ваш AJAX-запрос может не работать.Убедитесь, что http://site.com/page является тем же доменом, что и домен, на котором размещена страница, отправляющая запрос AJAX.Если это не так, вы можете настроить свой сервер на отправку ответа JSONP .