Question

我想用ajax加载PHP文件而不刷新所有页面，这是行不通的。我有这段代码：

    <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$('#gohomw').click(function(){
   $("#center").load("home.php");
   return false;
});
</script>
</head>

这是我的div：

<a href="#" id="gohomw">go home</a>
<div id="center"></div>

当我点击＆＃34;回家＆＃34;没有任何反应，任何想法？

Answer 1

脚本运行时没有指定id的元素。移动脚本，使其出现在您尝试将事件处理程序绑定到的元素之后。

Answer 2

当DOM准备好使用时，你必须做那样的动作。

将JavaScript代码放在此代码段中：

$( document ).ready(function() {
  // Handler for .ready() called.
});

您可以在此处获得更多信息：http://api.jquery.com/ready/

Answer 3

使用以下js代码进行ajax调用

$('#gohomw').click(function(){
    $.ajax({
             type: "POST",
             url: "home.php",
             data: datas,
             cache: false,
             success: function(html){

             }
           });
});

将php文件加载到div中，ajax不起作用

3 个答案: