ページをリダイレクトしてdivにロードする

ユーザーが「クリック」ボタンをクリックして「newpage.php」にリダイレクトするだけでなく、別のページ「Click.php」をクリックすると、新しく読み込まれた "newpage.php"内のdiv "content"にロードされます。同様に、同じページ "newpage.php"にリダイレクトされるユーザーが "Click Also"をクリックされたのと同じですが、別のページ "ClickAlso.php"が同じdiv "content"に読み込まれるようにしたいと思います。ページをリダイレクトしてdivにロードする

のindex.php

：

のindex.php

<html> 
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $(document).on('click', '.clickme', function() { 
      window.location.replace("newpage.php"); 
      }); 

      $(document).on('click', '.clickmealso', function() { 
      window.location.replace("newpage.php"); 
      }); 
     }); 
     </script> 
    </head> 

    <body> 
     <div> 
     <button class="clickme">Click</button> 
     <button class="clickmealso">Click Also</button> 
     </div> 
    </body>  
</html>

newpage.php

<html>  
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() {}); 
     </script> 
    </head> 

    <body> 
     <div id="content"> 
     </div> 
    </body>  
</html>

出典

2017-01-02 Silly Question Boy

urlパラメータを使用して、バージョン間を区別し、それらのurlパラメータに基づいたインクルードを使用します。通常のサイトのナビゲーションで ''タグにhrefを使用する方が簡単でしょうか？ – charlietfl

@charlietfl apologiesあなたの提案は詳しく解説していますか？ –

リンクを使用してボタンやJavaScriptをナビゲートしないでください。ウェブ上で簡単に検索されるURLパラメータを使用して表示するコンテンツを区別する – charlietfl

このソリューションをお試しください文書の準備完了イベントをurl paramsを使用してnewpage.phpにリダイレクトします。この例では、「page」という名前のパラメータを使用しました。

$(document).ready(function() { 
    $(document).on('click', '.clickme', function() { 
     window.location = ("newpage.php?page=click"); 
    }); 

    $(document).on('click', '.clickmealso', function() { 
     window.location = ("newpage.php?page=clickAlso"); 
    }); 
});

newpage.php

ページがアクセスされると何が起こるかを定義します。これは物事がもう少し面白くなるところです。このページ（newpage.php）が読み込まれるたびに、URLのパラメータ 'page'が検索され、その値が抽出されます。パラメータの値は、$pageToGetという変数に割り当てられます。
その後、値がまたは'clickAlso'であるかどうかを確認し、それに応じてrequireを使用してコンテンツを表示します。

<?php 
    $pageToGet = $_GET['page']; 
?> 
<html>  
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    </head> 

    <body> 
     <div id="content"> 
     <?php 
      if ($pageToGet == 'click') { 
       require('Click.php'); 
      } elseif($pageToGet == 'clickAlso') { 
       require('ClickAlso.php'); 
      } 
     ?> 
     </div> 
    </body>  
</html>

あなたのファイルを持ってしてください：Click.phpとClickAlso.phpこれが機能するために同じディレクトリに。

幸運

出典

2017-01-03 00:48:39

ページをリダイレクトしてdivにロードする

答えて

関連する問題