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

Jud*_*tsu 10 javascript php ajax jquery

我正在开发一个网站,我在侧面菜单上有这个:

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

然后我有这个脚本

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('home.php');
  });
});
Run Code Online (Sandbox Code Playgroud)

我在我的页面中有这个DIV:

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

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

Man*_*ghe 18

添加home.php页面URL而不是文件名.

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


Tom*_*Tom 9

您可以$.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);
  }
});
Run Code Online (Sandbox Code Playgroud)