Question

我正在开发一个网站，我在旁边菜单上有这个：

<a href="#" class="leftMenu" id="contact">Contact Us</a>

然后我有这个脚本

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('home.php');
  });
});

我在页面中有这个DIV：

<div class="contentWrapper" id="contents"></div>

显然，我想要做的是在点击“联系我们”超链接时加载home.php，这不起作用。我的代码出了什么问题？

Answer 1

添加home.php页面网址而不是文件名。

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('url to home.php');
  });
});

Answer 2

您可以像这样使用$.load()来获取更多有关发生的数据。当您看到错误消息时，您可能可以自己解决它^^

$("#contents").load("home.php", function(response, status, xhr) {
  if (status == "error") {
      // alert(msg + xhr.status + " " + xhr.statusText);
      console.log(msg + xhr.status + " " + xhr.statusText);
  }
});

Answer 3

@ user2805663我知道这篇文章已经很老了，但是让我发布解决方案可能会帮助别人，因为它帮助了我。

感谢@Mangala Edirisinghe

通过以下方法，您可以通过单击（链接）在两个不同的DIV中加载两个单独的文件。

$(document).ready(function(){ 
 $("#clickableLink").click(function(){ 
  $("#contents").load('url/file1.php');
  $("#contents2").load('url/file2.php'); 
 }); 
});

Answer 4

你必须使用＆＃34; home.php ＆＃34;的路径。来自索引目录，而不是来自脚本目录。

如果您的网站是：

/
  index.php  
  scripts
     /script.js 
     /home.php

您必须修改参数传递＆＃34; scripts / home.php ＆＃34;

如何通过jQuery将PHP文件加载到DIV中？

4 个答案: