2. 程式人生 > >JQuery 載入並解析 XML實現省市聯動

JQuery 載入並解析 XML實現省市聯動

阿新 • • 發佈：2019-01-30
/* * jquery通過$.get()或者$.post()方法來解析並載入xml檔案 * * * 以$.get(url,callback)方法為例 * * url：要解析的xml檔案的路徑 * * callback：回撥函式，function(xml){} * * xml：解析後的內容 */ $.get("cities.xml"
,function(xml){ var docXml = xml; //在jquery中使用標籤名來查詢對應標籤，利用find()方法，傳入標籤名 var $provinceXmlElements = $(docXml).find("province"); $provinceXmlElements.each(function(index,domEle){ var $provinceXmlValue = $(domEle).attr("name"
); /* * <select id="province" name="province"> <option value="">請選擇....</option> </select> */ var $option = $("<option></option>"); $option.attr("value"
,$provinceXmlValue); $option.text($provinceXmlValue); var $provinceElement = $("#province"); $provinceElement.append($option); }); $("#province").change(function(){ var $provinceValue = $("#province").val(); //清空 /* * <select id="city" name="city"> <option value="">請選擇.....</option> <option value="長春">長春</option> </select> */ // $("#city option[value!='']").each(function(index,domEle){ // $(domEle).remove(); // }); $("#city option[value!='']").remove(); $provinceXmlElements.each(function(index,domEle){ var $provinceXmlValue = $(domEle).attr("name"); if($provinceValue==$provinceXmlValue){ var $cityXmlELements = $(domEle).find("city"); $cityXmlELements.each(function(index,domEle){ var $cityXmlValue = $(domEle).text(); /* * <select id="city" name="city"> <option value="">請選擇.....</option> </select> */ var $option = $("<option></option>"); $option.attr("value",$cityXmlValue); $option.text($cityXmlValue); var $cityElement = $("#city"); $cityElement.append($option); }); } }); }); });

相關推薦

JQuery 載入並解析 XML實現省市聯動

/* * jquery通過$.get()或者$.post()方法來解析並載入xml檔案 * * * 以$.get(url,callback)方法為例 * * url

JQuery載入並解析XML

1、簡述     XML（eXtensible Markup Language）即可擴充套件標記語言，與HTML一樣，都是屬於SGML標準通用語言。 2、 Content-Type     很多情況下XML檔案不能正常解析都是由於Content-Type沒有設定好。如果Co

jquery動態載入並解析xml至ul

做前臺廣告模組，將廣告的資訊（網址，圖片路徑）存入xml便於修改 ad.xml： <?xml version="1.0" encoding="UTF-8"?> <ads> <ad> <href>http://www.meituan.c

用js解析xml實現省市二級聯動

html頁面表單部分    <select name="province" id="province" onchange="javascript:loadCity();">             <option value="0" selected="s

JS解析XML--實現省市縣級聯

JS解析省市區級聯XML檔案 程式碼附上： //1.開始讀取xml檔案 var xmlDoc = checkXMLDocObj('../js/font/province_data.xml');//讀取到xml檔案中的資料 //2. 首先對xml物件進

JQuery實現AJAX異步請求實現省市聯動（數據傳輸格式為xml）

集合 .html 省市聯動 utf func app 字符串 tco name AJAX的響應的數據格式： 　　文本，一段HTML的數據，XML，JSON。 使用工具生成xml的文件： 　　通常使用XStream工具，將集合，數組，對象轉化成XML格式。 　　　　步驟一：導

jquery實現省市聯動的兩種方式（xml，，，json）

省市聯動，xml傳值方式 匯入相應的jar 建立表單 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> &

JQuery實現AJAX異步請求實現省市聯動（數據傳輸格式為json）

數據傳輸 char html utf-8 har change 字段 語法規則 false json概述：javascript object notation 是一種輕量級的數據交換格式。json本質上就是一種數據格式的字符串；javascript可以直接解析json，因為

使用JQuery實現省市聯動

使用JQuery實現省市聯動 環境準備 1.準備資料庫 2.準備頁面 <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script> <script type="

XML與JSON的格式資料，實現 省市聯動

1，XML 後臺設定響應格式：response.setContentType("text/xml;charset=GBK"); /* * xml格式 * <citys> <city id="1"> <pid>2</pid>

jQuery實現省市聯動

#### jQuery的each遍歷操作 有兩種使用each的方法 使用each實現全選，//使用物件訪問的方法$().each(function(){}) <!DOCTYPE html> <html> &

Ajax && Jquery&&百度搜索提示&&JQuery實現省市聯動

                                          &nb

多級聯動系列——ajax調用XML實現三級聯動

title div sdn 選擇器 class var () doc img ajax 使用起來特別的方便，再也不操心瀏覽器兼容問題了。用ajax調用XML頁面中的內容，來生成三級聯動，OK廢話不多說，跟著我一步步寫吧。 首先寫一個XML文件。data.xml <

Android 客戶端使用udp傳送請求並解析xml

1,UDP請求客戶端 package udp; /** * <author> cwj * <time> 2018/8/27 15:29 * <version> * <desc>UDP客戶端 **/ public class

Java之DOM4J解析XML 實現 XML檔案資料的增刪改查方法

下面是我的Persons.xml檔案資料 <?xml version="1.0" encoding="utf-8"?> <persons> <person id="0"> <name>翠花</name>

【javaweb】JQ實現省市聯動

需求：比如在註冊頁面中，需要選擇籍貫，當我們選擇省的時候，市可以隨著省的選擇不同而變動。 步驟分析：1. 匯入JQ的檔案                   2. 文件載入事件:頁面初始化   &

【javaweb】JS實現省市聯動

需求：比如在註冊頁面中，需要選擇籍貫，當我們選擇省的時候，市可以隨著省的選擇不同而變動。 字首知識：https://blog.csdn.net/qq_42370146/article/details/84326604 過程分析： 1. 確定事件:  onchange 2. 函式

android客戶端從伺服器端獲取json資料並解析的實現程式碼

package com.nuoter.adapterUntil;    import java.util.HashMap;  import java.util.List;    import android.content.Context;  import android.graphics.Bitmap;

ajax實現省市聯動

jsp頁面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTM

Java接收Cordys中webservice介面的返回資料並解析xml獲取相應節點資料

在做專案的過程中，需要用Java呼叫Cordys的webservice介面的返回資料，眾所周知，webservice返回的資料是xml形式的，那麼我們怎樣獲取相關節點下的資料呢？ 處理之前返回的資料格式如下： <soap:Envelope xmln