집 > 기사 > 웹 프론트엔드 > jQuery 구문 분석 및 XML 파일 읽기 방법(코드 포함)

jQuery 구문 분석 및 XML 파일 읽기 방법(코드 포함)

php中世界最好的语言원래의: 2018-04-23 14:42:581553검색

이번에는 jQuery에서 XML 파일을 구문 분석하고 읽는 방법(코드 포함)을 가져오겠습니다. jQuery에서 XML 파일을 구문 분석하고 읽는 데 있어 주의사항은 무엇인가요?

프로젝트에서 jQuery는 언어 예약을 구현하기 위해 XML 언어 구성 파일을 구문 분석하고 읽는 데 사용됩니다. jQuery의 XML 파일을 파싱하고 읽는 기능에 대한 테스트 소스코드입니다.

저는 최근 프로젝트를 진행하고 있습니다. 해당 페이지에서는 쿠키를 사용하기 때문에 사용자의 브라우저가 쿠키를 지원하는지 확인하고 사용자에게 브라우저의 쿠키 기능을 활성화하는 방법을 묻는 메시지가 필요합니다. 동시에 전체 프로젝트는 중국어, 베트남어, 일본어, 영어를 포함한 다국어 지원으로 구성되어야 하므로 언어 구성 파일이 필요합니다. 프로젝트에서 jQuery는 언어 예약을 구현하기 위해 XML 언어 구성 파일을 구문 분석하고 읽는 데 사용됩니다. jQuery의 XML 파일을 파싱하고 읽는 기능에 대한 테스트 소스코드입니다.
디렉터리 구조:
main.css 파일 코드:

@CHARSET "UTF-8"; 
* { 
margin: 0px; 
padding: 0px; 
} 
body { 
width: 800px; 
text-align: left; 
font-size:62.5%; 
font: normal 0.75em tahoma, helvetica, sans-serif; 
} 
#Message_error { 
height:16px; 
color:#000; 
line-height:16px; 
background:#fcc url(image/msg_error.png) no-repeat; 
margin-bottom
:2px; 
border-bottom:#faa 1px solid; 
padding-left
:20px; 
overflow:hidden; 
display:none; 
} 
#Message_success { 
height:16px; 
line-height:16px; 
color:#000; 
background:#cfc url(image/msg_success.png) no-repeat; 
margin-bottom:2px; 
border-bottom:#afa 1px solid; 
padding-left:20px; 
overflow:hidden; 
display:none; 
}

index.html 파일 코드:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>jQuery行级读取XML文件</title> 
<link rel="stylesheet" href="main.css" href="main.css" type="text/css"/> 
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript" src="browser.js" ><script> 
</head> 
<body> 
<p id="Message_success"></p> 
<p id="Message_error"></p> 
</body> 
</html>

MsgConfig_zh.xml 파일 코드:

<?xml version="1.0" encoding="utf-8"?> <Msg-Config> <msg id="1" name="cookie-support"> <message>你的浏览器不支持Cookie，请开启浏览器的Cookie功能</message> <message-help>点击查看开启Cookie方法</message-help> <message-url>index.html</message-url> </msg> <msg id="2" name="load-xml"> <message>jQuery读取节点XML成功</message> </msg> </Msg-Config>

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 흥미로운 내용은 중국 웹사이트의 PHP 기타 관련 기사에 주목해 주세요!