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

作者:键盘侠

时间:2026-10-29

浏览:298

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章