jquery ajax가 내 PC에서 작동하지 않습니다.

Question

내 PC에서 AJAX get 메소드를 사용하려고합니다.

내 jquery 버전이 1.10이고 파일을 다른 시스템의 로컬 호스트에서 내 데스크톱으로 이동할 때 문제가 감지되었습니다. 나는 코드를 볼 수있어

는 다른 시스템의 로컬 호스트에 올바른 수행하지만 내 바탕 화면에서 움직일 때 근무하고 구글 크롬에이 오류가 표시되지 :

OPTIONS file:///C:/Users/Ab3/Desktop/od/file3.htm Origin null is not allowed by Access-Control-Allow-Origin. jquery.min.js:6 
XMLHttpRequest cannot load file:///C:/Users/Ab3/Desktop/od/file3.htm. Origin null is not allowed by Access-Control-Allow-Origin. index.html:1 

와 파이어 폭스에서

이 일을하지,하지만 표시되지 않습니다 화재 버그의 모든 오류.

내 HTML 코드는 다음과 같습니다

 <button class="tt" title="1" > btn1 </button> 
     <button class="tt" title="2" > btn2 </button> 
     <button class="tt" title="3" > btn3 </button> 
     <div class="pop" id="popup"> 
      <div class="popup_close" id="pclose"></div> 
     </div> 

내 jQuery 코드 :

  $(document).ready(function(){ 
       $(".tt").click(function() { 
        var val = $(this).attr('title') ; 
        //alert(val); 
        $.get("file"+val+".htm",function (inp) { 
        alert(1); 
         $(".pop").html(inp); 
        }); 
        $('#popup').show(300); 
       }); 
       $('#pclose').click(function(){ 
        $('#popup').hide(300); 
       }); 
      }); 

와 나는 확실히 파일의 file1.htm의 file2.htm의 file3.htm이 존재 해요.

나는 어떻게 나의 pb를 해결할 수 있는가?

Answer 1

아약스가 컴퓨터에서 작동하지만, URL이 file://으로 시작하는 것은 아닙니다. 아약스가 파일을 가져 오기 위해 서버를 요청해야하기 때문입니다. 따라서 ajax를 사용하려면 wamp 서버를 설치하고 파일을 이동해야합니다.