ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryは指定されたdivにHTMLページをロードします。

jQueryは指定されたdivにHTMLページをロードします。

韦小宝
韦小宝オリジナル
2018-05-16 15:11:115352ブラウズ

この記事では、jQuery指定された p に HTML ページをロードする方法、jQuery $.ajax 別の HTML ページの指定された部分をこのページ p にロードするようにリクエストする方法について説明します。見てください jQuery はこれらのリクエストをどのように完了するのでしょうか?

jQuery はどのようにして HTML ページを指定された p にロードしますか?

a.html のコンテンツの特定の部分を b.html の p にロードしたいと考えています。
たとえば、a.html の 3ae8df1c09886a40dd1cd31fb03be95c94b3e26ee717c64999d7867364b1b4a3 をロードし、この p のすべてのコンテンツを b.html の p にロードしたいとします5917673964ea0d9a18bef44f2329c18994b3e26ee717c64999d7867364b1b4a3
書き方を教えてください。
jquery ajaxで実行できます
a.htmlとb.htmlが同じディレクトリにあると仮定します

b.html

<script >
$(document).ready(function() {
    bodyContent = $.ajax({
        url: "b.html",
        global: false,
        type: "POST",
        data: ({
            id: this.getAttribute(&#39;aContent&#39;)
        }),
        dataType: "html",
        async: false,
        success: function(msg) {
            alert(msg);
        }
    })
});
</script>

jQuery $.ajax 別のHTMLページの指定された部分をロードするようにリクエストする方法このページは?

一般的な考え方は次のとおりです:

$.ajax( {
        url: url, //这里是静态页的地址
        type: "GET", //静态页用get方法,否则服务器会抛出405错误
        success: function(data){
            var result = $(data).find("另一个html页面的指定的一部分");
            $("本页面p").html(result);
        }
});

パラメータが理解できない場合は、

を参照するか、次のコードを参照してください:

$(function(){
     $.ajax({
            type:"POST",
            url:"LoginLoadArticle.ashx",
            data: "type="+escape("最新公告") ,
            success:function(msg){
                $(".gonggao").html(msg);
            },
            error:function(XMLHttpRequest, textStatus, thrownError){}
        })
     
})

上記はすべて jQuery の内容ですHTML ページを指定された p にロードすることが学生にとって役立つことを願っています。

関連する推奨事項:

ループ内の JQuery バインディング イベントの問題の詳細な説明

最も近い親ノードを見つける jQuery の実装

効率的な​​ Web 開発のための 10 の jQuery コード スニペット

以上がjQueryは指定されたdivにHTMLページをロードします。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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