Ajaxレスポンスフラグメント

Question

私はJaveryクライアントとPHPサーバー側でJavascriptクライアント側を使用してWebアプリケーションを開発しています。私はAJAXを幅広く使用しており、リンク要素にはhrefという属性を使用していません。ホームページのみがゼロからロードされます。他はAJAX呼び出しによって要求され、AJAX応答はJquery .html()関数を使用してホームページに挿入され、新しいページを表示します。

問題は私がhttp://sani.com/index.phpを実行すると、私はホームページを取得します。検索ボタンをクリックすると、http://sani.com/searchページが表示されます。しかし、私がアドレスバーにhttp://sani.com/searchを実行した場合、AJAXレスポンスしか得られないので、コンテンツはホームページ内に配置され、http://sani.com/searchページ全体ではありません。

アドレスバーでこのURLを実行すると、完全なhttp://sani.com/searchページを取得するにはどうすればよいですか？私は間違って何をしていますか？

Answer 1

簡単にしてください。検索htmlを返す別のルートを追加するだけです。 例：

/search - レンダリングされた検索ページ全体を返します。 /getSearchHtml - 必要なHTMLスニペットを返します。

あなたのルートに混乱を避けるのに役立ちます。

Answer 2

わずか3ページ

• header.phpの
• content.php
• footer.php

とインデックス・ページ上でそれらを含める

<?php 
include_once 'header.php'; 
include_once 'content.php'; 
include_once 'footer.php'; 
?> 

にあなたのインデックスページを破ります

と同じように検索ページとpu条件でのトンのヘッダーとフッターのページ

<?php 
if(empty($_GET['htmlOnly'])) include_once 'header.php'; 
include_once 'content.php'; 
if(empty($_GET['htmlOnly'])) include_once 'footer.php'; 
?> 

今、あなたのAJAXのURLがなるhttt：？//abc.com/search htmlOnly = 1、それが唯一のコンテンツ部分

をロードし、 なしだろう「htmlOnly = 1 "httt：//abc.com/searchはHTMLページ全体を読み込みます。

Answer 3

あなたは

1. ヘッダ
2. ボディ
3. フッター

変更される可能性があり、体内のコンテンツとヘッダといくつかのフレームワークを使用して、共通のレイアウトを使用することができ、フッタは共通であろう。 検索ボタンをクリックすると、 'body'部分にajaxコードがロードされます。 '/ search'ページを別途開くと、共通ヘッダーとフッターがロードされます。

検索ページとajaxファイルに別々の名前を付ける必要があります.Ajaxコードは '/ search'ページの一部に過ぎないため、別々にアクセスするには共通レイアウトを使用する必要があります全ページの組み合わせ。