2010-11-23 4 views
0

와 JSON 요청에 속성으로 나는 같은 URL 구조와 JSON 요청을해야 페이지에 결과를 반환 하시겠습니까?설정 변수 jQuery를

<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> 
+0

'http : // site.com/page'은 (는) 사이트 또는 타사 사이트입니까? 후자의 경우 동일한 출처 정책 문제를 겪게됩니다. –

+0

이 두 프로세스를 실행하기를 바라고 있습니다. 하나는 동일한 사이트이고 다른 하나는 사이트의 하위 도메인입니다. JSONP를 사용해야합니까? – Zac

답변

1

다음과 같이하십시오 :

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

그리고 별도의 자바 스크립트 파일 : 또한

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

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

은 또한 당신이 눈에 거슬리지 자바 스크립트를 사용하는 것이 좋습니다 것입니다 너는 확실히해야한다. same origin policy을 존중하거나 AJAX 요청이 작동하지 않을 수 있습니다. http://site.com/page이 AJAX 요청을 보내는 페이지를 호스팅하는 도메인과 동일한 도메인인지 확인하십시오. 그렇지 않은 경우 JSONP 응답을 보내도록 서버를 구성 할 수 있습니다.

+0

감사합니다. Darin! 하위 도메인으로 보내는 경우 JSONP를 사용해야합니까? – Zac

+0

[동일한 출처 정책] (http://en.wikipedia.org/wiki/Same_origin_policy#Origin_determination_rules) 문서의 표를 확인하십시오. 어떤 경우에 당신입니까? –

+0

달콤한이 작품! 나는 요청을 통해 그것을 볼 수있다. #results div에 표시 할 결과를 조작하는 방법을 조금 더 설명해 주시겠습니까? – Zac