2014-08-16 3 views
0

안녕하세요, 저는이 test.html 파일의 내용을 ajax로 표시하려고하고 jquery가 index.html에서 경고 기능을 얻습니다. .get이 작동하는 측면의 경보.jquery. 아약스와 함께 작동하지 않습니다.

test.html를

<p>herro my name is dog</p> 

index.html을

<!doctype html> 
<html> 
<head> 
<title>Learning jQuery</title> 
<meta charset="utf-8" /> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> 
<style> 

</style> 
</head> 
<body> 

<script> 

alert("data"); 
$.get("test.html", function(data){ 
    alert(data); 
}); 

</script> 
</body> 
</html> 
+0

로컬 파일 시스템뿐만 아니라 웹 서버에서도이 작업을 수행하고 있습니까? – adeneo

+0

예, 웹 서버에서 제대로 서버에 연결되어 있습니다. 두 파일을 모두 편집 할 수 있습니다. – Morpheus

+0

사용중인 URL의 모양과 브라우저는 무엇입니까? – nothingisnecessary

답변

0

F12 쳐서 열기 Developer tools. 이것은 IE8 +, FF 및 Chrome에서 작동합니다.

Console을 보면 오류가 표시되고 문제가되는 코드 줄을 가리켜 야합니다. 이것은 당신이 고치거나 추가 연구를하기 위해 필요한 정보를 제공해야합니다.

그것은 나를 위해 IE11에서 작동합니다.

먼저 디버거를 사용하여 jQuery가 올바르게로드되고 있는지 확인하십시오. 또한 코드로이 작업을 수행 할 수 있습니다 내 이전 답변

alert("jQuery loaded OK? " + $ && typeof($) === 'function' && $ === jQuery);

+0

나는이 경고만을 받는다. http://code.jquery.com/jquery.min.js에 // sourceMappingURL이 할당되었지만 이미 하나가 있습니다 – Morpheus

+0

먼저 jQuery (위의 예제 참조)를 테스트 해보십시오. jQuery 라이브러리를 다운로드하여 서버에 설치하는 것이 더 좋다. 이것에 또 다른 이점이 있습니다. 버전을 직접 관리하고 타사 서버에 의존하지 않는 것입니다. – nothingisnecessary

0

사과, 내가 뭔가 암시했다 단지 코멘트되어 있어야합니다. 또한이 대답은 내가 당신의 상황에 대해 가지고있는 직감에 근거합니다. 시도한 경우 :

$.get("test.html", function(data){ 
    alert(data); 
}).fail(function() { 
    alert('ERROR'); 
}); 

예상 한 바가 아니더라도 적어도 뭔가를 돌려 주어야합니다. 그런 다음 ERROR 메시지가 나타나면 브라우저의 콘솔을 확인할 수 있습니다. 다음과 같은 것을 볼 수 있습니다.

Error Capture

나는 당신이 그렇게 "인 test.html"을 접수 할 수 없습니다 로컬 컴퓨터에 웹 서버에서이 작업을 실행하지 않는 것으로 의심하고있다. Windows를 사용 중이면 WAMP, Mac을 사용하는 경우 MAMP와 같은 프로젝트를 체크 아웃 할 수 있습니다.

메시지가 표시된 것과 다르면 현재 상황을 업데이트하십시오.

관련 문제