php - リンクをクリックするとPHPページがdivに読み込まれます

Question

divボタンをクリックしたときに、別のphpページをdivにロードする方法を見つけようとしています。

つまり、#div1 は one.php を含む #display を開き、#div2 は two.php を含む #display を開きます。

助言がありますか？

Answer 1

あなたはこれのためにAJAXを使うことができます：

$('#div1').on("click",function(){
    var url= "page1.php"; //insert your URL
    $.ajax({
      url: url,
      success: function(data){
           $('#div1').html(data); //copy and paste for your special case
      }
    });
});

ドキュメンテーション：

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

Answer 2

いくつかの方法があります。「PHP ページを div にロードする」とは、「PHP ページの出力を div にロードする」という意味だと思います。

(POST 要求を生成せずに) HTML 応答をロードしたい場合の最も簡単な方法は、jQuery の load 関数を使用することです。

$(document).ready(function () {
    $('#div1').click(function() {
        $('#display').load('one.php');
    });
    $('#div2').click(function() {
        $('#display').load('two.php');
    })
    $('#div3').click(function() {
        $('#display').load('three.php');
    })
});

Answer 3

以下のようにしてみてください

$('#div1').click(function(){
 $('#display').load('one.php', function() {
    alert('Load was performed.');
   });
});

$('#div2').click(function(){
 $('#display').load('two.php', function() {
    alert('Load was performed.');
   });
});

Answer 4

jqueryのloadメソッドを使用して、クリックイベントでコンテンツをロードします。

http://api.jquery.com/load/

Answer 5

これには ajax を使用します: http://api.jquery.com/jQuery.ajax/、またはロード: http://api.jquery.com/load/

Answer 6

そのためにAjaxを使用します。

$.post("GetData.jsp",
  { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  }
);