묻고답하기
jquery를 이용해서 xml파일내용을 불러오려고 하는데요
2013.12.29 01:28
xml 파일
<?xml version="1.0" encoding="utf-8" ?>
<RecentTutorials>
<Tutorial author="The Reddest">
<Title>Silverlight and the Netflix API</Title>
<Categories>
<Category>Tutorials</Category>
<Category>Silverlight 2.0</Category>
<Category>Silverlight</Category>
<Category>C#</Category>
<Category>XAML</Category>
</Categories>
<Date>1/13/2009</Date>
</Tutorial>
<Tutorial author="The Hairiest">
<Title>Cake PHP 4 - Saving and Validating Data</Title>
<Categories>
<Category>Tutorials</Category>
<Category>CakePHP</Category>
<Category>PHP</Category>
</Categories>
<Date>1/12/2009</Date>
</Tutorial>
<Tutorial author="The Tallest">
<Title>Silverlight 2 - Using initParams</Title>
<Categories>
<Category>Tutorials</Category>
<Category>Silverlight 2.0</Category>
<Category>Silverlight</Category>
<Category>C#</Category>
<Category>HTML</Category>
</Categories>
<Date>1/6/2009</Date>
</Tutorial>
<Tutorial author="The Fattest">
<Title>Controlling iTunes with AutoHotkey</Title>
<Categories>
<Category>Tutorials</Category>
<Category>AutoHotkey</Category>
</Categories>
<Date>12/12/2008</Date>
</Tutorial>
</RecentTutorials>
js 파일
$(document).ready(function()
{
$.ajax({
type: "GET",
url: "jquery_xml.xml",
dataType: "xml",
success: function(xml) { parseXml(xml); }
});
});
function parseXml(xml)
{
//find every Tutorial and print the author
$(xml).find("Tutorial").each(function()
{
$("#output").append($(this).attr("author") + "<br />");
});
// Output:
// The Reddest
// The Harriest
// The Tallest
// The Fattest
//print the date followed by the title of each tutorial
$(xml).find("Tutorial").each(function()
{
$("#output").append($(this).find("Date").text());
$("#output").append(": " + $(this).find("Title").text() + "<br />");
});
// Output:
// 1/13/2009: Silverlight and the Netflix API
// 1/12/2009: Cake PHP 4 - Saving and Validating Data
// 1/6/2009: Silverlight 2 - Using initParams
// 12/12/2008: Silverlight 2 - Using initParams
//print each tutorial title followed by their categories
$(xml).find("Tutorial").each(function()
{
$("#output").append($(this).find("Title").text() + "<br />");
$(this).find("Category").each(function()
{
$("#output").append($(this).text() + "<br />");
});
$("#output").append("<br />");
});
// Output:
// Silverlight and the Netflix API
// Tutorials
// Silverlight 2.0
// Silverlight
// C#
// XAML
// Cake PHP 4 - Saving and Validating Data
// Tutorials
// CakePHP
// PHP
// Silverlight 2 - Using initParams
// Tutorials
// Silverlight 2.0
// Silverlight
// C#
// HTML
// Silverlight 2 - Using initParams
// Tutorials
// Silverlight 2.0
// Silverlight
// C#
// HTML
}
html파일
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>xmlparser</title>
<script src="jquery-1.10.2.min.js"></script>
<script src="SOTC-JQueryXML.js"></script>
</head>
<body>
<div id="output" class="output"></div>
</body>
</html>
이렇게 되어 있는데요
왜 html파일을 실행시키면 출력이 안되는지 모르겠습니다.. 도와주세요 ㅠㅠ
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
내사랑은서 | 비회원 등록시 메일 발송이 안됩니다. 방법 없을까요? | |
Choi | 공유기가 트래픽 감당을 못하는경우... | |
이즈야 | $content 값만 출력하는 방법? | |
이즈야 | PHP 정규식 도와주세요~ [1] | 2013.12.29 by 엘카 |
ForcePlane | jquery를 이용해서 xml파일내용을 불러오려고 하는데요 | |
리즈먀 | 첫화면 설정시 pc버전과 모바일버전을 다르게 할 수 있나요? | |
넥스트코코 | 위젯스타일 파란색 링크로 나타나는 현상 [1] | 2013.12.28 by 멀티비타민 |
limit | 자료 첨부에 관한 질문.. [1] | 2010.12.30 by limit |
Kimstreet | 메일주소 입력방식을 콤보박스로 | |
kumuka | 관리자 로그인이 안 되어 너무나 괴롭습니다. 도움을 요청 드립니다. [7] | 2010.08.04 by 백성찬 |
화랑529 | 이 오류 해결 방법 아시는분 [1] | 2013.12.28 by 멀티비타민 |
나뚜르 | 댓글이 출력되지 않습니다. [1] | 2013.12.28 by 멀티비타민 |
단미호 | 게시판상단 내용에 들어갈 이미지 가로크기에 대해 | |
Mo니터링 | 사이트에 광고를 달고싶은데 어디에 삽입해야될지 모르겠습니다ㅠ [2] | 2013.12.28 by 고마워XE |
정도의길을걷기싫다 | 포인트레벨 999이상 하려면 어떻게 하나요? [2] | 2013.12.28 by 멀티비타민 |
넥스트코코 | 위젯스타일 파란색 링크를 검은색으로 변경하는방법 [2] | 2013.12.28 by 멀티비타민 |
해피신 | 확장변수를 이용해 다른 게시판의 확장변수값을 차감할 수 있나요? [1] | 2013.12.28 by 멀티비타민 |
오병이어 | 레이아웃이 적용이 안됩니다. [1] | 2013.12.28 by KrteamENT |
사진찍는곰군 | XE ONYA2.0 레이아웃 로고 위치 질문 드립니다 ㅠㅠ [1] | 2013.12.28 by 멀티비타민 |
폭걸이 | 지우지우 [2] | 2013.12.28 by 푸시아 |