ホームページ >ウェブフロントエンド >jsチュートリアル >XMLファイルを読み取るjQueryメソッド content_jquery

XMLファイルを読み取るjQueryメソッド content_jquery

WBOY
WBOYオリジナル
2016-05-16 16:10:481032ブラウズ

この記事の例では、jQuery が XML ファイルのコンテンツを読み取る方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:


<頭>
    jQuery读取XML文件
   
   
      
    <スクリプトタイプ="text/javascript">
        $(document).ready(function () {
            $("#read").click(function () {
                $.ajax({
                    //リクエスト形式はget
                    タイプ: "GET"、
                    //xml文書の位置
                    URL: "sitemap.xml",
                    // 返される回数足場格式は xml
                    データ型: "xml"、
                    //要求が成功した後に実行すべきメソッド
                    成功: 関数 (xml) {
                        $(xml).find("url").each(関数 (i) {
                            //i 0 から開始し、蓄積し、すべてのデータを表示する必要がある場合は、すぐに削除できると判断します
                            if (i                                 //链接地址
                                var location = $(this).find("loc").text();
                                //显表示文字
                                var text = $(this).find("loc").text();
                                //アニメーション追加方法:链接地址
                                $("").attr("href", location)
                                //显表示文字
                            .text(テキスト)
                                                                                                                                                                      .css({ "width": "700px", "float": "left", "margin-bottom": "5px" })
// div
にロードします .appendTo("#showresult");
}                                                                                                  }
});
return false;
});
});








この記事が皆さんの jQuery プログラミングに役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。