当我点击链接时加载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); 
    } 
);