2010-01-07 3 views
2

내 .html 페이지가로드 될 때로드해야하는 .txt 파일에 관련 데이터가 있습니다. 그런 다음 해당 데이터를 구문 분석하고 페이지에서 해당 데이터를 처리 할 수 ​​있도록 스크립트가 필요합니다. 이 작업을 신속하게 수행 할 수있는 방법이 있습니까? 내가 숨겨진 다음 innerHTML을 통해 실행할 수 있다고 생각했지만 DIV는이를 지원하지 않는 것 같습니다.웹에서 텍스트 파일을로드하고 스크립트로 파싱 하시겠습니까?

미리 감사드립니다 ... 새로운 웹 자료!

편집 : 다음은 또 다른 캐치입니다. .html이 실제 웹 사이트 또는 로컬 컴퓨터에서로드되면 이상적으로 작동합니다. 필자가 아는 한 AJAX와 XMLHttpRequest는이 상황에서 작동하지 않습니다. (?)

답변

0

AJAX를 사용하여 텍스트를로드하고 요구 사항에 따라 구문 분석하고 필요한 모든 작업을 수행하는 콜백 함수를 사용해야합니다. 당신이 jQuery를 같은 프레임 워크를 사용하는 경우, JQuery와 AJAX 기능을 조사 : http://docs.jquery.com/Ajax

당신이 프레임 워크를 사용하지 않는 대신 바로 자바 스크립트를 코딩하는 경우, XMLHttpRequest 객체를 사용 살펴 : https://developer.mozilla.org/en/XmlHttpRequest

0

을 그 PHP 또는 Perl과 같은 프로그래밍 언어를 사용하여 서버 측에서 수행해야합니다. 이상한 이유로 JavaScript로 처리해야하는 경우, AJAX를 호출하여 DOM에 삽입하는 것이 유일한 방법입니다. 이를위한 많은 자습서가 있습니다.

그렇습니다. innerHTML은 div 요소뿐만 아니라 다른 모든 요소와도 작동합니다.

1

텍스트 파일 형식에 융통성이 있습니까? 그렇다면 JSON 형식의 텍스트 파일에 데이터를 저장하고 스크립트 태그를 사용하여 페이지의 HTML 헤드에 데이터를 포함하면됩니다. 그런 다음 페이지가 text/JSON 파일에 저장된 정보를 구문 분석하고 필요에 따라 HTML 페이지를 조작 할 준비가되면 일부 JavaScript를 사용할 수 있습니다.

이 접근법에 대한 좋은 점은 간단하고 서버 측 코드가 필요 없다는 것입니다. 텍스트 파일이 동적으로 생성되었는지 여부는 언급하지 않았지만이 방법으로는 문제가되지 않습니다.

+0

JSON이 가치있는 것은 실제로 요구 사항이 아닙니다. 페이지로드시 파일을 포함 시키면 원하는 데이터가 들어있는 명명 된 변수를 쉽게 만들 수 있습니다. CONSTANT = {제목 : "Foo", 요약 : "bar"} 페이지에서 필요한 경우 CONSTANT.title을 사용할 수 있습니다. 오해의 소지가있는 JSON 제안을 드려 죄송합니다. –

관련 문제