The method of reading XML file with JS and JQ _javascript skill

Source: Internet
Author: User

Nonsense not much said, directly to everyone to paste code, the specific code as follows:

jquery Reads XML file

<! DOCTYPE HTML PUBLIC "-//wc//dtd XHTML. transitional//en "" Http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd ">  

&NBSP;JS Read the XML file

<div id= "blog_content" class= "blog_content" ><p><span "color: #ff0000;"
 >city.xml file </span></p><p><?xml version= "1.0" encoding= "UTF-8"?> <root name= "China" > <province name= "Please select Province" postcode= "100000" > <city name= "Please select City" postcode= "100100" > <area name= "Please select Zone" POSTC  Ode= "100101"/> </city> </province> <province name= "Beijing" postcode= "110000" > <city name= "Municipal District"
    Postcode= "110100" > <area name= "Dongcheng District" postcode= "110101"/> "<area" name= "Xicheng" postcode= "110102"/> <area name= "Chongwen District" postcode= "110103"/> <area name= "Xuanwu District" postcode= "110104"/> <area name= "Yang Chaoyang" post Code= "110105"/> <area name= "Fengtai District" postcode= "110106"/> <area "Shijingshan" name= "postcode=" 110107 & Lt;area name= "Haidian" postcode= "110108"/> <area name= "Mentougou District" postcode= "110109"/> <area name= "Fangshan" Postco De= "110111"/> <area name= "Tongzhou District" postcode= "110112"> <area name= "Shunyi District" postcode= "110113"/> <area name= "Changping District" postcode= "110114"/> <area name= "daxing 
  Zone "postcode=" 110115 "/> <area name=" Huairou "postcode=" 110116 "/> <area name=" Pinggu District "postcode=" 110117 "/> </city> <city name= "Xian" postcode= "110200" > <area name= "Miyun County" postcode= "110228"/> <area N Ame= "Yanqing County" postcode= "110229"/> </city> </province> <province name= "Tianjin" postcode= "120000" > City Name= "Municipal District" postcode= "120100" > <area name= "Zone of Peace" postcode= "120101"/> <area name= "Hedong District" Postcode= "  120102 "/> <area name=" Hexi District "postcode=" 120103 "/>" <area name= "Nankai District" postcode= "120104"/> <area Name= "Hebei District" postcode= "120105"/> <area name= "Hongqiao District" postcode= "120106"/> <area name= "Tanggu District" postcode= "1201 Modified "/> <area name=" Hangu District "postcode=" 120108 "/> <area name=" Grand Port District "postcode=" 120109 "/> <area nam E= "Dongli District" postcode= "120110"/> <area name= Xiqing District" postcode= "120111"/> <area name= "Jinnan District" postcode= "120112"/> <area "Beichen District" postcode= "120113"/> <area name= "Wuqing District" postcode= "120114"/> <area name= "Baochi District" postcode= "120115"/&
  Gt </city> <city name= "county" postcode= "120200" > <area name= "Ninghe County" postcode= "120221"/> <area name = "Jinghai County" postcode= "120223"/> <area name= "Jixian" postcode= "120225"/> </city> </province></p> <p> <province name= "Hebei province" postcode= "130000" > <city name= "Shijiazhuang City" postcode= "130100" > <area name= " Changan District "postcode=" 130102 "/> <area name=" Qiaodong District "postcode=" 130103 "/> <area name=" Qiaoxi District "postcode=" 130104 "/&G
    T <area name= "Xinhua District" postcode= "130105"/> <area name= "Jingxing Mine" postcode= "130107"/> <area "name=" Yuhua District Ode= "130108"/> <area name= "Jingxing County" postcode= "130121"/> "<area name=" Zhengding County "postcode=" 130123 "/>" ; Area Name="Luancheng County" postcode= "130124"/> <area name= "Hangtang County" postcode= "130125"/> <area name= "Lingshou County" postcode= "130126"/&
    Gt <area name= "Gaoyi County" postcode= "130127"/> <area name= "Shenze County" postcode= "130128"/> <area the Name= "Zanhuang County" Postco De= "130129"/> <area name= "Wuji County" postcode= "130130"/> "<area name=" Pingshan "postcode=" 130131 "/> < Area Name= "Yuanshi County" postcode= "130132"/> <area name= "Zhao Xian" postcode= "130133"/> <area name= "Xinji" postcode= "1 30181 "/> <area name=" Gaocheng "postcode=" 130182 "/> <area name=" Jinju "postcode=" 130183 "/> <area Name= "Xinle" postcode= "130184"/> <area name= "Luquan" postcode= "130185"/> </city> <city name= "Tangshan" p
    Ostcode= "130200" > <area name= "Lunan District" postcode= "130202"/> "<area" name= "Lubei District" postcode= "130203"/> <area name= "Guzhi District" postcode= "130204"/> <area name= "Kaiping District" postcode= "130205"/> <area the Name= "Fengnan District" Postco De= "130207"/> <area name= "Fengrun District" postcode= "130208"/> <area name= "Luan County" postcode= "130223"/> <area the Name= "Luannan County" postcod E= "130224"/> <area name= "leting County" postcode= "130225"/> "<area" name= "Qianxi County" postcode= "130227"/> <a Rea name= "Yutian County" postcode= "130229"/> <area name= "Shi Tanghai County" postcode= "130230"/> <area name= "Zunhua" postcode= "1 
    30281 "/> <area name= Qianan" postcode= "130283"/> </city> <city name= "Qinhuangdao Shi" postcode= "130300" >  <area name= "Harbour" postcode= "130302"/> <area name= "Shanhaiguan District" postcode= "130303"/> "<area" name= "Beidaihe District" Postcode= "130304"/> <area name= "Qinglong County" postcode= "130321"/> <area "name=" Changli County "postcode=" 130322
    T <area name= "Funing County" postcode= "130323"/> <area name= "Lulong County" postcode= "130324"/> </city> <city Nam E= "Hanhan" postcode= "130400" > <area name= "Lao Hanshan District" postcode= "130402"/> <area name= "Congtai" postcode= "130403"/ > &LT;area name= "Fuxing District" postcode= "130404"/> <area "Fengfeng mining" name= "postcode=" 130406/> <area "Name=" Huang E= "130421"/> <area name= "Linzhang County" postcode= "130423"/> "<area name=" Cheng An "postcode=" 130424 "/> <a Rea name= "Daming" postcode= "130425"/> <area name= "She", "postcode=" 130426 "/> <area name=" ci "postcode=" 130 427 "/> <area name=" the "Feixiang" postcode= "130428"/> "<area" name= "Yongnian County" postcode= "130429"/> <area na Me= "Qiu County" postcode= "130430"/> <area name= "Jize County" postcode= "130431"/> <area name= "Guangping County" postcode= "130432" /> <area name= "Guantao County" postcode= "130433"/> <area name= "Wei County" postcode= "130434"/> <area name= "Quzhou" County "postcode=" 130435 "/> <area name=" Wuan "postcode=" 130481 "/> </city> <city name=" Xingtai "postcode=  "130500" > <area name= "Qiaodong District" postcode= "130502"/> "<area" name= "Qiaoxi District" postcode= "130503"/> <area Name= "Xingtai County" postcode= "130521 "/> <area name=" Lincheng County "postcode=" 130522 "/> <area name=" Neiqiu County "postcode=" 130523 "/> <area N  Ame= "Baixiang County" postcode= "130524"/> <area name= "Longyao County" postcode= "130525"/> <area name= "Ren County" postcode= "130526" /> <area name= "Nanhe County" postcode= "130527"/> <area name= "Ningjin County" postcode= "130528"/> <area "name=" Julu County "postcode=" 130529 "/> <area name=" Xinhe County "postcode=" 130530 "/> <area name=" Guangzong County "postcode=" 130531 "/&G
    T <area name= "ping" postcode= "130532"/> <area name= "Wei County" postcode= "130533"/> <area-name= "Qinghe County" Postcod E= "130534"/> <area name= "Linxi" postcode= "130535"/> <area "name=" Nangong "postcode=" 130581/> Rea name= "Shahe" postcode= "130582"/> </city> <city name= "Baoding" postcode= "130600" > <area name= "Xinshi District
    "Postcode=" 130602 "/> <area name=" Beishi District "postcode=" 130603 "/> <area name=" Nanshi District "postcode=" 130604 "/> <area Name= "Mancheng County" postcode= "130621"/> <area name= "Qingyuan County" postcode= "130622"/> <area name= "Laishui County" postcode= "130623"/ > <area name= "fuping County" postcode= "130624"/> <area name= "Xushui" postcode= "130625"/> <area name= "dingxing"
    County "postcode=" 130626 "/> <area name=" Tang County "postcode=" 130627 "/> <area name=" Gaoyang "postcode=" 130628 "/> <area name= "Rongcheng County" postcode= "130629"/> <area name= "Laiyuan County" postcode= "130630"/> <area name= "Wangdu County" PO Stcode= "130631"/> <area name= "Anxin County" postcode= "130632"/> "<area" name= "Yixian" postcode= "130633"/> & Lt;area name= "Quyang County" postcode= "130634"/> <area name= "Li County" postcode= "130635"/> <area the Name= "Shunping County" postcode = "130636"/> <area name= "Boye County" postcode= "130637"/> "<area" "Xiong" name= "postcode=" 130638/> A name= "Zhuozhou" postcode= "130681"/> <area name= "Dingzhou" postcode= "130682"/> <area name= "Anguo" postcode= "130 683 "/> <areaName= "Gaobeidian" postcode= "130684"/> </city> <city name= "Zhangjiakou City" postcode= "130700" > <area name= "Qiaodong District"
    Postcode= "130702"/> <area name= "Qiaoxi District" postcode= "130703"/> "<area name=" "Xuanhua" postcode= "130705"/> <area name= "Xiahuayuan District" postcode= "130706"/> <area name= "Xuanhua County" postcode= "130721"/> <area name= "Zhangbei" Pos Tcode= "130722"/> <area name= "Kangbao County" postcode= "130723"/> "<area name=" Guyuan County "postcode=" 130724 "/>" Lt;area name= "Shangyi County" postcode= "130725"/> <area name= "Yuxian" postcode= "130726"/> <area "name=" Yangyuan County = "130727"/> <area name= "Vian County" postcode= "130728"/> "<area name=" Wanquan County "postcode=" 130729 "/> <ar EA name= "Huailai County" postcode= "130730"/> <area name= "Zhuolu County" postcode= "130731"/> <area name= "Chicheng County" postcode= "13
    0732 "/> <area name= Chongli County" postcode= "130733"/> </city> <city name= "Chengde" postcode= "130800" > <area name= "Shuangqiao District" pOstcode= "130802"/> <area name= "Shuangluan District" postcode= "130803"/> <area "name=" Yingshouyingzi District "postcode=" 130804 <area name= "Chengde County" postcode= "130821"/> <area name= "Xinglong County" postcode= "130822"/> <area name= "Pingquan County" PO
    Stcode= "130823"/> <area name= "luanping County" postcode= "130824"/> <area "Longhua" name= "postcode=" 130825 <area name= "Fengning County" postcode= "130826"/> <area name= "Kuancheng Manchu Autonomous" postcode= "130827"/> <area name= "Paddock full Ethnic Mongolian autonomous County "postcode=" 130828 "/> </city> <city name=" Cangzhou "postcode=" 130900 "> <area name=" Xinhua District "post Code= "130902"/> <area name= "The Canal Zone" postcode= "130903"/> <area the Name= "Cang" postcode= "130921"/> ; area Name= "Qingxia County" postcode= "130922"/> <area name= "Dongguang County" postcode= "130923"/> <area name= "Haixing County" postcode= "  130924 "/> <area name=" Yanshan County "postcode=" 130925 "/> <area name=" Suning County "postcode=" 130926 "/> <area Name= "Nanpi County" postcode= "130927 "/> <area name=" Wuqiao County "postcode=" 130928 "/> <area name=" Xianxian "postcode=" 130929 "/> <area na Me= "Mengcunhuizuzizhi County" postcode= "130930"/> <area name= "Botou" postcode= "130981"/> <area name= "Renqiu" postcode= "130 
  "/> <area name=" Huanghua "postcode=" 130983 "/> <area name=" Hejian "postcode=" 130984 "/> </city> <city name= "Langfang" postcode= "131000" > <area name= "Anci" postcode= "131002"/> "<area" name= "Guangyang District" post Code= "131003"/> <area name= "gu ' an" postcode= "131022"/> "<area" name= "Yongqing County" postcode= "131023"/> &L T;area name= "Xianghe County" postcode= "131024"/> <area "Dacheng County" name= "postcode=" 131025/> <area "name=" Wenan County = "131026"/> <area name= "Dachang Hui Autonomous" postcode= "131028"/> "<area name=" Bazhouy "postcode=" 131081 "/> &L T;area name= "Three Rivers" postcode= "131082"/> </city> <city name= "Hengshui" postcode= "131100" > <area name= " Taocheng District "postcode=" 131102 "/> <area name= "Zaoqiang County" postcode= "131121"/> <area name= "Wuyi" postcode= "131122"/> <area name= "Wuqiang" 
    County "postcode=" 131123 "/> <area name=" Raoyang County "postcode=" 131124 "/> <area name=" Anping County "postcode=" 131125 "/> <area name= "Gucheng" postcode= "131126"/> <area name= "Jing County" postcode= "131127"/> <area name= "Fucheng County" PO Stcode= "131128"/> <area name= "Jizhou" postcode= "131181"/> "<area name=" Shenzhou "postcode=" 131182 "/> &L T;/city> </province></p><p></root></p><p> </p><p><span style= "COLOR: #ff0000;" > Because the file is too long here, write these provinces. </span></p><p><span style= "color: #ff0000;" > </span></p><p><span style= "color: #ff0000;" >city.html</span></p><p><! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" >  

The above code is to explain JS, JQ read XML file method, I hope you like.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.