jquery xml 파일 읽기 & js xml 파일 읽기
7526 단어 jqueryjavascript
jQuery XML -jQuery
$(document).ready(function () {
$("#read").click(function () {
$.ajax({
// get
type: "GET",
//xml
url: "sitemap.xml",
// xml
dataType: "xml",
//
success: function (xml) {
$(xml).find("url").each(function (i) {
//i 0 ， ， ，
if (i < 10) {
//
var location = $(this).find("loc").text();
//
var text = $(this).find("loc").text();
// :
$("<a>").attr("href", location)
//
.text(text)
//
.css({ "width": "700px", "float": "left", "margin-bottom": "5px" })
// div
.appendTo("#showresult");
}
})
}
});
return false;
});
});
jQuery XML
클릭하여 XML 읽기
=====================js xml 파일 읽기
city.xml 파일
서류가 너무 길어서 여기에 이 몇 개를 아껴 쓰시오
city.html
city.html 성 선택 해당 시 선택 해당 구 선택function getXmlDoc () {var xmldoc;try {//IE 브라우저 xmldoc = new ActiveXObject ("microsoft.XMLDOM");catch(e) {try {//firefox 기타 브라우저 xmlDoc = document.implementation.createDocument("","",null);}catch (er) {alert ("브라우저가 너무 낮습니다.")}//비동기 로드를 닫고 문서가 완전히 로드되기 전에 해상도가 스크립트의 xmlDoc 실행을 계속하지 않도록 합니다.async = false;//xml 파일 xml Doc.load("city.xml"); return xmlDoc; }</p>
<p>window.onload = function () {//방법으로 대상 var xmlDoc = getXmlDoc ();//xml 파일의 루트 var root = xmlDoc.documentElement;//모든 성 노드 var provinces = root.childNodes;//페이지에 표시할 성 컨트롤dom 대상 var sheng = document.getElementById ("Elsheng"); var shing = document.getementById ("Elsheng);"shi"); var xian = document.getElementById("xian");//모든 성 for(var i=0; i< provinces.length; i++) {//이 노드가 원소 노드인지 확인하는 것도 서로 다른 브라우저 간의 호환성을 실현하기 위한 문제if(provinces[i].nodeType=1) {//옵션 노드 대상 var shengopt = document.create Element("option");//절약 노드에 텍스트 노드shengopt를 추가합니다.appendChild(document.createTextNode(provinces[i].getAttribute("name")));//노드를 절약하기 위해 속성shengopt를 추가합니다.setAttribute("value",provinces[i].getAttribute("postcode"));//성도 페이지dom 대상에sheng을 추가합니다.appendChild(shengopt); }//노드가 변경되었을 때 이벤트sheng을 터치합니다.onchange = function () {//노드의 모든 option 대상의 집합 var shengs = sheng.options;//선택된 option 대상의 selectedIndex (아래 첨자) 가져오기 var num = shengs.selectedIndex;//시내 청소shi.length = 1; xian.length = 1; var ppostocode = shengs [num].getatribute ("value");//모든 성 for (var i=0; i< provinces.length; i++) {//이 노드가 요소 노드인지 확인하는 것도 서로 다른 브라우저 간의 호환성을 실현하기 위한 문제입니다 if (provinces [i].nodeType== 1) {var postcode = provinces [i].get Attribute ("postcode"),if (postcode = ppostocode) {var cities = provinces [provincesi].childNodes; shi.length = 1; for(var i=0;i<cities.length;i++) { if(cities[i].nodeType == 1) { var shiopt = document.createElement("option"); shiopt.appendChild(document.createTextNode(cities[i].getAttribute("name"))); shiopt.setAttribute("value",cities[i].getAttribute("postcode"));; shi.appendChild(shiopt); } } break; } } } } shi.onchange = function() { var shis = shi.options; var num = shis.selectedIndex; var spostcode = shis[num].getAttribute("value"); for(var i=0;i<provinces.length;i++) { if(provinces[i].nodeType == 1) { var cities = provinces[i].childNodes; for(var j=0;j<cities.length;j++) { if(cities[j].nodeType == 1) { var postcode = cities[j].getAttribute("postcode"); if(postcode == spostcode) { xian.length = 1; var areas = cities[j].childNodes; for(var k=0;k<areas.length;k++) { if(areas[k].nodeType == 1) { var xianopt = document.createElement("option"); xianopt.appendChild(document.createTextNode(areas[k].getAttribute("name"))); xianopt.setAttribute("value",areas[k].getAttribute("postcode")); xian.appendChild(xianopt); } } break; } } } } } } }</p>
<p>//-->
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
