ホームページ > 記事 > ウェブフロントエンド > jQueryは指定されたdivにHTMLページをロードします。
この記事では、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('aContent') }), 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 バインディング イベントの問題の詳細な説明
効率的な Web 開発のための 10 の jQuery コード スニペット
以上がjQueryは指定されたdivにHTMLページをロードします。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。