ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryで他のページをロードするための実装コード Div_jquery

jQueryで他のページをロードするための実装コード Div_jquery

WBOY
WBOYオリジナル
2016-05-16 18:55:31910ブラウズ

何度も試した結果、ようやく満足のいく解決策を見つけたので、皆さんと共有するためにブログに書いています。
最初のステップは、ここで使用されるフォームのコンテンツを表示する領域をサインオフ ページに提供することです。

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


$p = new Portlet(); 🎜>->setShowBorder(false)
->addItem("
") //この Div はフォームのコンテンツを表示するために使用されるコンテナです
-> render();
echo $this->partial("approval/CommentsList.phtml", array("approval_list" =>$this->approval_list));


2 番目のステップは、jQuery を使用してフォーム ページを取得する JavaScript を作成することです


コードをコピーします コードは次のとおりです。//動的読み込みページ
//id 表示されているページのコンテナコンポーネント ID
//url 読み込まれるページの URL
function loadPage(id, url) {
$ ("#" id).addClass("loader");
$("#" id).append("Loading...");
$.ajax({
type : "get",
url: url,
cache: false,
error: function() {alert('ページ 'url ' の読み込みエラー! ');},
成功: function (msg) {
$("#" id).empty().append(msg);
$("#" id).removeClass("loader ");
}
} );
}

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