Webpage update without refresh not working

StackOverflow https://stackoverflow.com/questions/12906873

Вопрос

I'm playing around with making a page update without refreshing and I've read some tutorials and came up with the following code. However it doesn't seem to be working. When you press the button, nothing seems to happen.

Index.php code

    <!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');
?>
Это было полезно?

Решение

You have to declare your jquery link separately from your other script

<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>

or you can use an updated online jquery library

<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>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top