php - 同じページの別のHTMLページから他のコンテンツをロードするにはどうすればよいですか？

Question

このメインページにはいくつかのボタンがあります。ボタンをクリックして、DIVのコンテンツと別のHTMLページのコンテンツをどのように組み合わせることができるのでしょうか。どんなヒントも素晴らしいでしょう！

score 1 · Accepted Answer

コンテンツを配置したい div があるとします。

<div id="result"></div>    
<a href="#" id="other">Click Here</a>

次に、jQuery ajax.load()関数を使用して、別のページのデータを取得し、html を div に送信できます。

$(function() {    
   $("#other").click(function() {
       $('#result').load('ajax/test.html');
   });   
});

この場合、ユーザーがリンクをクリックすると、「ajax/test.html」からのすべての html が id 結果とともに div に送信されます。

score 0 · Accepted Answer

スタックオーバーフローへようこそ! FAQ に慣れていないと、人々はここで少し厳しいかもしれません。あなたはいつもしたいでしょう：

これらのことを行うと、ここで驚くべき助けが得られます（すでに反対票が投じられていますが;）。

質問に答えるには、ナビゲーション要素のクリックを監視し、クリック時にページを読み込む必要があります。また、ボタンのデフォルトアクションを確実に停止する必要があります。このように達成できるすべて：

$(document).ready(function() {
  $("#target").click(function(e) {
    $('#result').load('file.html');
    e.preventDefault();
  });
});

#target特定のボタンはどこ#resultにあり、file.html が (現在のページで) 読み込まれる場所であり、e.preventDefault()ボタンがそうでない場合の動作を停止します (ほとんどの人はこれをハイジャックと呼んでいます)。

2 に答える 2