이번에는 jQuery xml 파일 파싱에 대한 자세한 설명을 가져오겠습니다. jQuery xml 파일 파싱 시 주의사항은 무엇인가요?
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>jquery xml解析</title> <script src="jquery.min.js" type="text/ javascript "></script> <script type="text/javascript"> $( document ).ready(function(){ $.ajax({url:"City.xml", success:function(xml){ $(xml).find("province").each(function(){ var t = $(this).attr("name");//this-> $("#DropProvince").append("<option>"+t+"</option>"); }); } }); $("#DropProvince").change(function(){ $("#sCity>option").remove(); var pname = $("#DropProvince").val(); $.ajax({url:"City.xml", success:function(xml){ $(xml).find("province[name='"+pname+"']>city").each(function(){ $("#sCity").append("<option>"+$(this).text()+"</option>"); }); } }); }); }); </script> </head> <body> <form id="form1"> <p> <select id="DropProvince" style="width:60px;"> <option>请选择</option> </select> <select id="sCity" style="width:60px;"> </select> </p> </form> </body> </html>
city.xml 파일
<?xml version="1.0" encoding="utf-8" ?> <provinces> <province name="湖北"> <city>武汉</city> <city>黄石</city> <city>宜昌</city> <city>天门</city> </province> <province name="湖南"> <city>邵阳</city> <city>长沙</city> <city>岳阳</city> </province> <province name="广东"> <city>广州</city> <city>深圳</city> </province> </provinces>
사실 가장 중요한 것은 html 인터페이스에서 xml 파일을 어떻게 파싱하는지 주의 깊게 살펴보는 것입니다. 형식은
<script type="text/javascript"> $(document).ready(function () { $.ajax({ url: "City.xml", success: function (xml) { $(xml).find("province").each(function () { var t = $(this).attr("name"); $("#DropProvince").append("<option>" + t + "</option>"); }); } }); $("#DropProvince").change(function () { $("#sCity>option").remove(); var pname = $("#DropProvince").val(); $.ajax({ url: "City.xml", success: function (xml) { $(xml).find("province[name='"+pname+"']>city").each(function(){ $("#sCity").append("<option>"+$(this).text()+"</option>"); }); } }); }); }); </script>
이며, 이는 $.ajax( ) xml 파일의 내용을 호출합니다. 그런 다음 $.each()는 루프 작업을 수행합니다. 성공 후 성공 콜백 함수를 실행합니다. 여기의 xml 파일은 데이터를 저장하는 데 사용되며 이는 데이터베이스에서 파일을 읽는 것과 같습니다. 이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
파일 업로드 단계의 Jquery+LigerUI 구현에 대한 자세한 설명jQuery가 XML 파일 콘텐츠를 읽는 방법위 내용은 jQuery 파싱 XML 파일에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!