Jquery操作XML的情形主要是利用Jquery中的ajax類(lèi)庫(kù)請(qǐng)求XML文件,并進(jìn)行讀取、解析、操作工作。下面我們來(lái)一步步了解Jquery操作XML的方法。
第一步:請(qǐng)求XML文件
$.ajax({ type: "GET", url: "example.xml", dataType: "xml", success: function(xml) { //在此處執(zhí)行對(duì)xml的操作 } });
第二步:解析XML文件
$(xml).find("book").each(function() { var title = $(this).find("title").text(); var author = $(this).find("author").text(); var year = $(this).find("year").text(); //執(zhí)行對(duì)book節(jié)點(diǎn)的操作 });
第三步:對(duì)XML文件進(jìn)行操作
$(xml).find("book").each(function() { //刪除book節(jié)點(diǎn)中的year節(jié)點(diǎn) $(this).find("year").remove(); //在book節(jié)點(diǎn)中添加新的price節(jié)點(diǎn) $(this).append("20.00 "); });
總結(jié)
通過(guò)上述的操作可以看出,Jquery的操作XML方法十分簡(jiǎn)單,只需要使用ajax類(lèi)庫(kù)請(qǐng)求XML文件,并進(jìn)行讀取、解析、以及操作即可。這為我們操作XML文件提供了極大的方便。