Jquery .load 함수가 예상대로 작동하지 않습니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() 
      { 
       $("button").click(function() 
       { 
        $("#div1").load("http://w3schools.com/jquery/demo_test.txt"); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="div1"> 
      <h2>Let jQuery AJAX Change This Text</h2> 
     </div> 
     <button>Get External Content</button> 
    </body> 
</html>

위 코드는 브라우저에서 실행하려고 시도한 W3Schools의 예제입니다. W3schools 창에서 작동하는 동안 HTML 페이지에서 실행하려고하면 거부됩니다.Jquery .load 함수가 예상대로 작동하지 않습니다.

출처

2013-08-01 Nick Papamanolioudakis

* "PS는 건설적인 답변 만하십시오."*이 부분은 Stackoverflow이며 건설적인 답변 만 게시됩니다 ... –

W3Schools를 사용하지 마십시오. 이제까지. http://w3fools.com –

[자바 스크립트를 디버깅하는 방법을 배우십시오] (http://www.netmagazine.com/tutorials/javascript-debugging-beginners) –

아니요! JavaScript를 사용하여 원격 웹 사이트에서 페이지를로드 할 수 없습니다. 이는 Same Domain Policy을 위반합니다.

출처

2013-08-01 14:08:41 Brian

이것을 달성 할 수있는 다른 방법이 있습니까? –

uglier는 yes를 의미합니다. 예를 들어, div 요소에는 div 공간의 100 %를 채우는 iframe이 있고 iframe은 원격 페이지를 가리 킵니다. iframe의 내용과 쉽게 상호 작용할 수 없습니다. – Brian

http://coding.smashingmagazine.com/2012/02/09/beginners-guide-jquery-based-json-api-clients/ –

Jquery .load 함수가 예상대로 작동하지 않습니다.

답변

관련 문제