jQuery が XML ファイルを解析し、js files を動的に追加する方法_jquery

この記事の例では、jQuery が XML ファイルを解析し、js ファイルを動的に追加する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

$(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);
    }
   });
  }
 });
})

<&#63;xml version="1.0" encoding="UTF-8"&#63;>
<module>
 <moduleName name = "管理">
 <func>js/module/testXml</func>
 <func>js/module/device</func>
 </moduleName>
</module>

この記事が皆さんの jQuery プログラミングに役立つことを願っています。