php - 单击链接时在 div 中加载 PHP 页面

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

有几种方法。通过“在 div 中加载 PHP 页面”，我假设您的意思是“在 div 中加载 PHP 页面的输出”。

如果你真的只是想加载一些 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 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);
  }
);