jQuery解析XML文件并动态加载JS脚本

作者:键盘侠时间:2026-10-29 10:25:50浏览:299

本文介绍利用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进行程序开发的读者有所帮助。

作者最新文章