Javascript div refresh

Question

I am trying to refresh a php script to show updated content as a database updates. I first built my php, then the code to refresh and then merge them. However, the script doesn't update. Anyone know why?

<script type="text/javascript"
    src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    $(document).ready(
            function() {
                setInterval(function() {
                    if(document.getElementById('gallery') != null){
                        function showLots() {
                            if (window.XMLHttpRequest) {
                                // code for IE7+, Firefox, Chrome, Opera, Safari
                                xmlhttp = new XMLHttpRequest();
                            } else {
                                // code for IE6, IE5
                                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                            }
                            xmlhttp.onreadystatechange = function() {
                                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                                    document.getElementById("gallery").innerHTML = xmlhttp.responseText;
                                }
                            }
                        xmlhttp.open("GET","getuser.php",true);
                        xmlhttp.send();
                        } 
                    }
                }, 3000);
            });
</script>

Thanks.

If you've included jQuery, why wouldn't you use $.ajax, it's one of the best parts ? — adeneo
– adeneo, Commented Apr 21, 2015 at 5:13

Adeel · Accepted Answer · 2015-04-21 05:13:29Z

2

You did not called method showLots, First define it outside the function and than call it in setInterval

answered Apr 21, 2015 at 5:13

Adeel

19.3k4 gold badges48 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

boombox · Accepted Answer · 2015-04-21 06:06:52Z

0

The issue with your code is that function showLots() is inside your if (document.getElementById('gallery') != null) conditional without the function actually executing.

Below is what your corrected code could could look like by moving the function showLots() definition up. showLots() is then called inside where you originally had the definition.

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    function showLots() {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("gallery").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","getuser.php",true);
        xmlhttp.send();
    } 

    $(document).ready(function () {
        setInterval(function () {
            if (document.getElementById('gallery') !== null) {
                showLots();
            }
        }, 3000);
    });
</script>

edited Apr 21, 2015 at 6:06

answered Apr 21, 2015 at 5:26

boombox

2,4562 gold badges14 silver badges16 bronze badges

2 Comments

user1093111 Over a year ago

Thanks, still struggling. I'm getting an unexpected token at 3000.

user1093111 Over a year ago

Thanks. Got it now. Appreciate your help.

Collectives™ on Stack Overflow

Javascript div refresh

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related