jquery를 사용하여 다른 HTML 페이지를로드하는 중

안에 html 파일 ("hello_world.html")을로드하고 싶습니다. 다른 HTML 페이지 ("index.html")는 같은 위치에 있습니다. 이것은 내가 작성한 코드입니다. 하지만 아무것도로드하지 않습니다. 두 경고가 작동합니다 (나는 jquery가 작동하는지 여부를 확인하기 위해 의도적으로 사용함). 코드의 오류는 무엇입니까? 나는 아약스를 사용하고 싶지 않다. "브라우저에서jquery를 사용하여 다른 HTML 페이지를로드하는 중

<html> 
<head> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript"> 
     $("document").ready(function() { 
      $('#container').load('helloworld.html'); 
     }); 
    </script> 
</head> 
<body> 
    <div id="container"></div> 
</body> 
</html>

로드 test.html를가 생산

인 HelloWorld.html

<p>hello!</p>

인 test.html :

</head> 
<script type="text/javascript" src="../jquery-1.3.2.js"></script> 
    <script type="text/javascript"> 
     $("document").ready(function() { 
     alert("ya loaded"); 
     $('#container').load('hello_world.html'); 
    alert("finished"); 
    }); 
</script> 
</head> 

<body> 
<div id="container"> 
</div> 

</body>

출처

2012-11-16 Bhavin Bhaskaran

'.load'가 비동기이기 때문에'.load'가 작동하지 않아도 경고 메시지가 출력됩니다. 그리고 당신은 AJAX를 사용하고 있습니다. –

디버깅 콘솔에서 어떤 오류가 발생합니까? 요청이 전송됩니까? 응답은 무엇입니까? –

AJAX를 사용하지 않으려면 서버 측 기술을 사용하여 클라이언트 브라우저에 전달되는 html에 hello_world.html을 포함시켜야합니다. – Aaron

방화범이나 크롬 개발 콘솔을 사용하여 가능한 실수를 확인하십시오.

는

편집 :

당신이 아약스를 사용

때때로 브라우저 file:/// 프로토콜을 사용하여로드되지 않습니다. 로컬로 웹 서버를 사용해야합니다 (예 : xampp 또는 apache) 및 http:// 프로토콜로 웹 사이트를 액세스해야합니다.

문제의 원인 일 가능성이 큽니다.

출처

2012-11-16 21:29:19

XMLHttpRequest의 파일을로드 할 수 없습니다 . –

여기에서 내 대답 –

다운로드 편집 :. http://www.apachefriends.org/en/xampp-windows.html XAMPP와 HTML 파일을 제공하는 데 사용할 –

는 글쎄, 난 하나의 디렉토리에 다음 파일이 안녕하세요! ", jQuery가 제대로로드되었는지 확인하십시오.

출처

2012-11-16 21:22:07

XMLHttpRequest가 file : /// D : /helloworld.html을로드 할 수 없습니다. Origin null은 Access-Control-Allow-Origin에 의해 허용되지 않습니다. 내가 콘솔에서이 오류를 얻고있다 :(내가 스크립트 내부에 경고를 넣어 경우, 경고는 서버와 함께 실행되지 않기 때문이다 –

을 일하고 있었다 .... 그것은 작동합니다 .. 로컬 호스트 서버를 실행 해보십시오. @BhavinBhaskaran /// D : :.. 내가 스크립트 내부에서 경고를 넣을 때 /helloworld.html 원점 널 (null)이 액세스 제어 - 허용 - 원산지에 의해 허용되지 않습니다 내가 콘솔에서이 오류를 얻고있다 :(, 경고가 일하는 –

jquery를 사용하여 다른 HTML 페이지를로드하는 중

답변

관련 문제