ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryは指定されたdivにHTMLページをロードします。

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

韦小宝
リリース: 2018-05-16 15:11:11
オリジナル
5506 人が閲覧しました

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

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

a.html のコンテンツの特定の部分を b.html の p にロードしたいと考えています。
たとえば、a.html の

をロードし、この p のすべてのコンテンツを b.html の p にロードしたいとします

right コン」>


書き方を教えてください。
jquery ajaxで実行できます
a.htmlとb.htmlが同じディレクトリにあると仮定します

b.html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<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ページの指定された部分をロードするようにリクエストする方法このページは?

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

1

2

3

4

5

6

7

8

$.ajax( {

        url: url, //这里是静态页的地址

        type: "GET", //静态页用get方法,否则服务器会抛出405错误

        success: function(data){

            var result = $(data).find("另一个html页面的指定的一部分");

            $("本页面p").html(result);

        }

});

ログイン後にコピー

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

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

1

2

3

4

5

6

7

8

9

10

11

12

$(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 までご連絡ください。
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート