本文介绍利用jQuery的ajax方法解析XML配置文件,遍历其中的模块与函数节点,并动态生成script标签插入body以加载对应JS文件的具体实现方案。
jQuery解析XML并动态加载JS的实现
本文介绍一种利用jQuery解析XML配置文件并动态加载JavaScript文件的方法,供读者参考。具体实现步骤如下:
$(function(){
$.ajax({
url: 'js/config/jsConfig.xml',
dataType: 'xml',
success: function(data){
$(data).find("moduleName").each(function(i,obj) {
var field = $(this);
var funcName = field.attr("name");
for(var i = 0;i < field.find("func").size();i++){
var func = field.find("func:eq(" + i + ")").text();
var src = '<script type="text/javascript" src=\"' + func + ".js\"></script>";
$("body").append(src);
}
});
}
});
})
<?xml version="1.0" encoding="UTF-8"?>
<module>
<moduleName name = "管理">
<func>js/module/testXml</func>
<func>js/module/device</func>
</moduleName>
</module>
希望上述内容对使用jQuery进行程序开发的读者有所帮助。