2014-07-17 8 views
1

페이지 원본을보다 체계적으로 보이게하기 위해 동일한 서버 내의 다른 페이지에있는 텍스트 데이터를 추출 할 수 있기를 바랍니다.텍스트 src에서 텍스트를 가져 오는 방법?

다음 html 태그를 사용하여 서버의 텍스트를 포함했습니다.

<text id='sampleText' src='data/sampleText.txt'></text> 

경로가 작동하는지 명확히하기 위해 주소로갔습니다. 그것이 거기에 있는지 확인한 후, 나는 그것을 잡으려고 자바 스크립트를 썼다.

document.getElementById("sampleText").value //return: "" 

.innerHTML도 작동하지 않습니다. 자바 스크립트를 통해 텍스트를 가져올 수있는 방법이 있습니까? 아니면 내 HTML 태그가 잘못 되었나요? 아마 둘 다요?

+4

''과 같은 HTML 태그가 없습니다. iframe을 사용하거나 AJAX로 추가 콘텐츠를 가져올 수 있습니다. – IMSoP

+0

@IMSoP 어떻게 완료했는지 보여 주시겠습니까? 고맙습니다. – user3838314

+0

나는 완전히 대답을 쓸 시간이 없기 때문에 당신이 그들에게 친숙하지 않다면 많은 검색 결과를 이끌어 내야 할 몇 가지 조건을 고의적으로 언급했다. 그러나 다른 누군가는 더 자세한 설명. – IMSoP

답변

1

아약스 호출을 사용하여 파일에서 데이터를 가져 와서 페이지에 추가하려고합니다.

가장 좋은 방법은 jQuery의 .get() 함수를 사용하는 것입니다. 또한 .load() 함수가 jquery - Read a text file?

$(document).ready(function() { 
    $.get("data/sampleText.txt", function(data) { 
     $("sampleText").text(data); 
    }); 
}); 

,하지만 당신은에해야 할 경우 데이터로 더 많은 일을 할 수 있기 때문에 나는 갔지을() 추천 :

여기를 보라 미래.

.load()는 호출하는 DOM에 직접 데이터를 주입합니다.

-1

아약스를 통해 가져 오는 것은 확실히 방법입니다. 많은 사이트에서이 기능을 구현 한 것을 보았습니다. 실행 쿼리를 편집 할 때 MySQL 서버 (최신 버전)에서 많이 볼 수 있습니다.

또한 이전 IMSop처럼 html 요소를 변경해야한다고 말했습니다.

+0

죄송합니다. –

0

jquery .load() 함수를 사용하는 것이 좋습니다.

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 
<body> 
    <text id="test"> 
     test 
    </text> 
    <script> 
     $('#test').load('text.txt'); 
    </script> 
</body> 
</html> 
관련 문제