ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery で XML ファイルを解析し、js ファイルを動的に追加する方法

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

php中世界最好的语言
リリース: 2018-04-23 11:39:08
オリジナル
1576 人が閲覧しました

今回は、jQueryXML ファイルを解析し、js ファイルを動的に追加する方法について説明します。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 = &#39;<script type="text/javascript" src=\"&#39; + 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>
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryプラグインuploadifyの使用方法の詳細な説明

jQueryを使用すると、ブラウザーが相互にジャンプしてパラメーターを渡すことができます

以上がjQuery で XML ファイルを解析し、js ファイルを動的に追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート