How could I keep resending this ajax request?

Question

I've tried to use setinterval to allow my ajax request to send every 2 seconds but it keeps crashing the page, So I think something is going wrong!

Here is my code:

 var fburl = "http://graph.facebook.com/http://xzenweb.co.uk?callback=?";

        //getting facebook api content
        $.getJSON(fburl, function(data){

        var name = data["shares"];
        var dataString = 'shares='+name;

        //sending share count data to server
        $.ajax({
        type: "POST",
        url: "index.php",
        data: dataString,
        cache: false,

        success: function(html)
        {
        $("#content").html(html);
        }
    });
return false;   
});

I'm new to both ajax and javascript, would really appreciate it if you could help me out :)

well I made get.JSON request to Facebook to retrieve the information I wanted then sent it via ajax via $.ajax — Andrew Charlton, Jun 11 '12 at 09:35
Please provide the `setinterval` part. It's rather hard to crash the page. You probably have an infinite loop somewhere. — Konrad Dzwinel, Jun 11 '12 at 09:35
Here was the set interval code: setInterval(function() {//getting facebook api content $.getJSON(fburl, function(data){ var name = data["shares"]; var dataString = 'shares='+name; //sending share count data to server $.ajax({ type: "POST", url: "index.php", data: dataString, cache: false, success: function(html) { $("#content").html(html); } }); return false; }); — Andrew Charlton, Jun 11 '12 at 09:40

Ashish Gupta · Accepted Answer · 2012-06-11T10:30:19.123

1

Provide a callback function to the $.getJson

function test(){
         $.getJSON(fburl, 
              function(data) {
                  //your method
              }); 
         setInterval("test()",2000);
      }

UPDATED ANSWER ::

<script>

$(document).ready(function(){
    test();
  });


function test(){
    $.getJSON("http://graph.facebook.com/http://xzenweb.co.uk?callback=?", 
         function(data) {
         var name = data["shares"];
            var dataString = 'shares='+name;

            $.ajax({
                type: "POST",
                url: "index.php",
                data: dataString,
                cache: false,

                success: function(html)
                {
                $("#content").html(html);
                }
            });
            return false;  
         }); 
    setTimeout("test()",5000);
 }




</script>


<body>
<div id="content">Hello</div>
</body>

edited Jun 11 '12 at 10:30

answered Jun 11 '12 at 09:43

Ashish Gupta

1,651
14
30

would I include the ajax request in function test()? – Andrew Charlton Jun 11 '12 at 09:45
hm it doesn't seem to be working for me...now nothing is appearing – Andrew Charlton Jun 11 '12 at 09:51
You have to include your ajax call in place of "your method" but i would suggest reading this link before that .. http://stackoverflow.com/a/1739812/1085285 – Ashish Gupta Jun 11 '12 at 09:52
Hi Fidrizers I've included my ajax call in //your method but nothing is appearing :S – Andrew Charlton Jun 11 '12 at 10:01
are u calling the test function somewhere?? see the edit ..(used fbUrl instead of fburl) – Ashish Gupta Jun 11 '12 at 10:06
yey it works!! However it still seems to pretty slow, like it's going to crash! – Andrew Charlton Jun 11 '12 at 10:17
pretty fast on mine .. seems like problem in your index.php code. can u check in firebug net panel about the time taken for response. And Pls accept the answer . :) if its fixed – Ashish Gupta Jun 11 '12 at 10:18
my php is just simply if(isset($_POST["shares"])) { echo $_POST["shares"]; } – Andrew Charlton Jun 11 '12 at 10:20
in my console it's constantly posting to index.php at around 653ms average, but my site still is slow and crashy :( – Andrew Charlton Jun 11 '12 at 10:27
here's my code: function test(){ $.getJSON(fburl, function(data){ var name = data["shares"]; var dataString = 'shares='+name; //sending share count data to server $.ajax({ async: false, type: "POST", url: "index.php", data: dataString, cache: false, success: function(html) { $("#content").html(html); } }); }); setInterval("test()",2000); } test(); – Andrew Charlton Jun 11 '12 at 10:27
probably an issue with something else. Open another question for that . and pls accept the answer if it worked. and dont forget to add async: false as option in ur ajax call. – Ashish Gupta Jun 11 '12 at 10:28
thanks for all your help, I'll open up another question now haha! – Andrew Charlton Jun 11 '12 at 10:30

How could I keep resending this ajax request?

1 Answers1