當我點擊鏈接時加載PHP頁面

Question

我想弄清楚如何加載單獨的PHP頁面到div當我點擊一個div按鈕。

即：＃DIV1開闢了#display與內one.php，＃DIV2開闢了#display與two.php等。

有什麼建議？

Answer 1

這個使用Ajax：http://api.jquery.com/jQuery.ajax/，或負載：http://api.jquery.com/load/

Answer 2

使用jQuery的load方法加載的單擊事件的內容。

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

Answer 3

你可以使用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 4

有幾種方法。通過「加載div中的PHP頁面」，我會假設你的意思是「加載一個PHP頁面的輸出div」。

最簡單的方法是，如果你真的只想加載一些HTML響應（不需要生成POST請求），那就是使用jQuery的加載函數。

$(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 5

嘗試像下面

$('#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 6

使用AJAX爲：

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