打开更改DIV而不刷新页面

时间:2014-02-02 21:15:50

标签: javascript php jquery html

我提取一个网站的示例代码来测试它,代码必须显示一个文本,如果你点击它显示test.php的代码而不刷新页面。

本地主机/检测/ index.php的

<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
   $('#div-btn1').click(function(){
      $.ajax({
        type: "POST",
        url: "test.php",
        success: function(a) {
                $('#div-results').html(a);
        }
       });
   });
});
    </script>
</head>
<body>
<a id="div-btn1" style="cursor:pointer;">Open file</a>

<div id="div-results"></div>
</body>
</html>

本地主机/检测/ test.php的

<?php echo "<p>Hello world</p>";?>

正如您所看到的那样,这是一个非常简单的代码,但我无法正常工作,我可以看到index.php的内容,但当我点击“打开文件”时,没有任何内容发生。

我在XAMPP服务器上工作。

1 个答案:

答案 0 :(得分:0)

我在我的本地(ubuntu LAMP)检查你的代码,只是切换到当前版本的jquery:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

它有效:)