1

html の iframe タグを除いて、php インクルード メソッドに似たソリューションを探しています。インクルードされた php のハイパーリンクをクリックすると、ブラウザがタブ全体を新しい URL にナビゲートしたくありませんが、親ページの変更/消失を取得せずに、含まれているページをナビゲートします。

アップデート:

わかりました、素早い回答をありがとう、私は正しい質問をしなかったようです:)それで、ここにいくつかの背景情報があります: ページ全体自体は、あなたとまったく同じjavascript +hiddendivsページ変更方法を使用する単一ファイルのWebサイトです.ちょうど書いた。私の問題は次のとおりです。フラットファイル CMS を使用して、コーディングの知識がない人でもニュース ページを管理できるようにしています。そのため、ニュース自体のみを表示する CMS 用の独自のテンプレートを作成しました。次に、CMS の index.php を親の index.php に php インクルード メソッドで埋め込みました。問題はありませんが、「以前の投稿」をクリックすると、CMS の index.php に移動し、以前のニュースが読み込まれます。そこの。html の iframe メソッドのように、どこにも移動せずに以前のニュースを読み込んでほしいと思います。(他に解決策がなければiframeを使用しますが、

4

4 に答える 4

0

これを行うには、自分が何を扱っているかを理解する必要があります。

ユーザーのブラウザにロードされた*.phpページは、処理および解析されたページです。この解析はサーバー側で行われ、サーバー上の PHP プロセッサによって処理されます。現在、*.phpファイルが処理された後、ファイルとのやり取りはすべて失われます。ユーザー (クライアント側) に表示されるのは、この処理の結果だけです。したがって、このページと通信するには、情報を送信する必要があります。

通常、ブラウザはページのリクエストに関する情報を送信します。これがHTTPプロトコルの仕組みです。

ユーザーはクライアント側であるため、プロトコルのルールに従って関連情報 (ヘッダー、変数など) を送信する必要があります。つまり、ユーザーはページをリクエストする必要があり、このリクエストによってデータが送信されます。

AJAX テクノロジを使用すると、バックグラウンドでHTTP要求を動的に開くことができます。ページを更新する必要はありません。プロトコルの規則に従って関連データを送信し、コールバック関数をトリガーして、サーバーから応答が到着したときに応答を処理できるようにします。

ここでは、開始するために必要な情報を提供する初心者向けチュートリアルを見つけることができます。

PS

最初は、jQuery、node.js、Backbone.js などの一般的な外部ライブラリを使用しないことを強くお勧めします。これらのライブラリは、上級開発者向けのコード記述を簡素化するために作成されたツールです。それらはあなたを混乱させ、プログラミングロジックと学習パスを混乱させる可能性があります.

幸運を!

于 2013-04-22T22:00:45.193 に答える
0

説明されているアクションから、探しているのは実際には PHP ではなく、クライアント側の JavaScript のように思えます。AJAX はあなたが説明したことを正確に実行できます。最小限の労力でこれを行うのに役立つ jQuery と呼ばれる非常に簡単なライブラリがあります。

http://api.jquery.com/jQuery.get/ http://api.jquery.com/jQuery.ajax/

ボタンを JavaScript 関数にバインドして、AJAX を起動し、他の PHP ページの結果を取得して、現在のページを離れることなく、HTML の .class または #id でユーザーに表示できます。

探している動作がより高度で「アプリのような」ものである場合は、Backbone.js や Ember.js などの MVC JavaScript フレームワーク全体を検討することもできます。

于 2013-04-22T21:24:42.170 に答える
0

あなたができる最善のことは、jquery/javascriptを使用し、div(またはiframe)を操作して、操作時にXリンクに移動することです。jquery を使用して iframe の URL を実際に変更し、必要な URL に再ロードすることができます。jQueryを使用した iframe のリロードは、その方法の良い例です。また、iframe の属性を変更するだけでなく、iframe のコンテンツを操作して掘り下げるには、http://developer.vimeo.com/player/js-apiをご覧ください。

2 番目のリンクはメディア プレーヤー用であることに注意してください。ただし、iframe を適切に操作する方法を (非常に簡単な方法で) 示しています。jquery を使用して、最初に iframe に読み込まれたページのリンクに ID またはクラスを挿入し、「親ページ」のスクリプトで iframe がクリックされたときにリンクの 1 つに移動することができます。ちょっといじって楽しんでください。学習体験は、必ずしも個人的な地獄のようなものである必要はありません。後でまたチェックして、状況がどうなるか見てみます!

于 2013-04-22T21:45:20.803 に答える
-1

ユーザーを新しいページに誘導せずに、新しいコンテンツをページに表示したいようです。これは jQuery で実現できます。これは簡単な例です。

HTML:

<p>
    <a href="#" id="1">Page 1</a> <a href="#" id="2">Page 2</a> <a href="#" id="3">Page 3</a>
</p>
<div>
    <div id="content1">
        This is page 1.
    </div>
    <div id="content2">
        This is page 2.
    </div>
    <div id="content3">
        This is page 3.
    </div>
</div>

jQuery:

$('#content2, #content3').hide();

$('a').click(function() {
    var id = $(this).attr('id');
    $('#content' + id).show().siblings().hide();
});

実際の例: http://jsfiddle.net/VxZKs/1

于 2013-04-22T21:27:35.477 に答える