没有刷新的网页更新无法正常工作

时间:2012-10-16 02:51:55

标签: javascript jquery ajax refresh partial-page-refresh

我正在玩一个没有刷新的页面更新,我已经阅读了一些教程,并提出了以下代码。但它似乎没有起作用。当你按下按钮时,似乎什么也没发生。

Index.php代码

    <!DOCTYPE html>
<html>
    <head>

        <script type="text/javascript" src="jquery.js"></script>

        <script>
                function updateShouts()
                {                
                    $('#refresh').load('update.php');
                    alert('it works!'); uncomment this to know if your script works
                } 
        </script>

    </head>

    <body>

        <div id="refresh">
            <?php
            include('update.php');
            ?>
            <button onclick="updateShouts()">Try it</button>

        </div>


    </body>

</html>

update.php code

<?php
print strftime('%c');
?>

1 个答案:

答案 0 :(得分:2)

您必须将jquery链接与其他脚本分开声明

<script type="text/javascript" src="jquery.js"></script>

<script>
        function updateShouts()
        {                
            $('#refresh').load('update.php');
            //alert('it works!'); uncomment this to know if your script works
        } 
</script>

或者您可以使用更新的在线jquery库

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

    <script>
        function updateShouts()
        {                
            $('#refresh').load('update.php');
            //alert('it works!'); uncomment this to know if your script works
        } 
    </script>