ホームページ > バックエンド開発 > PHPチュートリアル > ページをめくるとき、ページ上の指定された DIV 内のデータのみが更新され、ページ上の他の DIV は変更されません。

ページをめくるとき、ページ上の指定された DIV 内のデータのみが更新され、ページ上の他の DIV は変更されません。

WBOY
リリース: 2016-06-23 14:19:06
オリジナル
1311 人が閲覧しました

そのような要件があります。つまり、ページをめくるときに、ページで指定された DIV 内のデータのみが更新され、ページ上の他の DIV は移動されません。至急、オンラインでお待ちください...また, I このようにページをめくっても ホームページ

返信ディスカッション (解決策)

ページ全体の更新を避けたい場合は、ajax を使用するのが最善の方法です

ページめくりボタンをクリックし、ajax を使用してクエリ条件と選択したページ番号を PHP、PHP クエリ、結果を結合してフロントエンド JS に戻ります。 フロントエンド JS は、返されたデータを処理した後、指定された DIV を置き換えます

ページ全体を更新したくない場合は、ajax を使用するのが最善の方法です

ページめくりボタンをクリックし、ajax を使用してクエリ条件と選択したページ番号をPHPに送信し、PHPクエリ、組み合わせ 結果がフロントエンドJSに返された後、フロントエンドJSは返されたデータを処理し、指定されたDIVを置き換えます
そこでDreamweaverを使用して実行しました。ページングが必要なテンプレート内の 2 つの場所であり、ページング データは common.func にあり、php で書かれた関数によって返される値はテンプレート内にあります。 .... 自分で勉強できるように、コードを投稿するのが最善です...

そして、私のページングデータは common.func.php に書かれており、関数によって返される値はテンプレートにあります

そうですか返された HTML はレンダリングされた HTML であるということですか? この HTML を取得して、対応する位置に直接挿入するほうがよいでしょう

そして、ページング データは common.func.php に書き込まれ、関数によって返される値はテンプレート内にあります

返された HTML はレンダリングされた HTML ということですか? その方が良いです、この HTML を取得して直接挿入してください 対応する位置に移動します
返されるのは HTML です

jq で簡単にできます

$(function() {  $('a').click(function(){    $('#test').load(this.href)    return false;  });});
ログイン後にコピー

これで元のものが変わります部分更新にジャンプします
test は部分更新する必要がある div の ID です

もちろん div は見つかります に表示されているのは元のページ全体なので、それが返されるようにターゲット プログラムを変更する必要があります必要なコンテンツ

更新したくない場合は、ajax を使用し、非同期更新を使用してください

ajax を使用してください。 。 次のページ

<script> <p class="sougouAnswer"> function pageNext(Id) <br> { <br> .... <br> ajax.call("page.php?page =" +Id,resPagedo,'Post','json'); <br> } <br> function resPagedo(result) <br> { <br> div にデータを追加します。 <br> } <br> </script>

......おそらくこんな処理です

ページをめくると、ページ内で指定されたDIV内のデータのみが表示されるという要件があります。更新されますが、ページ上の他の div は移動しません....至急、オンラインでお待ちください....また、次のようにページをめくります

ajax が推奨されますが、iframe に配置することもできますが、ajax は引き続き使用されます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート