Is there a way to continuously send out this ajax request?

Question

Is there a way to continuously send out this ajax request?

My attempt to use setInterval for sending an AJAX request every 2 seconds is causing the page to crash. It seems like there is something wrong in my code!

Check out the code below:

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

        //fetching data from Facebook API
        $.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 ajax and javascript, any help would be greatly appreciated :)

javascript ajax json setinterval

Answer 1

Answer №1

Make sure to provide a callback function when using the $.getJson method

function fetchData(){
         $.getJSON(apiUrl, 
              function(data) {
                  //Your code here
              }); 
         setInterval("fetchData()",2000);
      }

UPDATED ANSWER ::

<script>

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


function fetchData(){
    $.getJSON("http://api.example.com/data?callback=?", 
         function(data) {
            var result = data["result"];
            var dataToSend = 'result='+result;

            $.ajax({
                type: "POST",
                url: "process.php",
                data: dataToSend,
                cache: false,

                success: function(response)
                {
                    $("#output").html(response);
                }
            });
            return false;  
         }); 
    setTimeout("fetchData()",5000);
 }

</script>


<body>
<div id="output">Placeholder Text</div>
</body>

Answer 2

Make sure to provide a callback function when using the $.getJson method

function fetchData(){
         $.getJSON(apiUrl, 
              function(data) {
                  //Your code here
              }); 
         setInterval("fetchData()",2000);
      }

UPDATED ANSWER ::

<script>

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


function fetchData(){
    $.getJSON("http://api.example.com/data?callback=?", 
         function(data) {
            var result = data["result"];
            var dataToSend = 'result='+result;

            $.ajax({
                type: "POST",
                url: "process.php",
                data: dataToSend,
                cache: false,

                success: function(response)
                {
                    $("#output").html(response);
                }
            });
            return false;  
         }); 
    setTimeout("fetchData()",5000);
 }

</script>


<body>
<div id="output">Placeholder Text</div>
</body>

Is there a way to continuously send out this ajax request?

Answer №1

Similar questions

Utilizing Material UI (mui) 5.0 within an iframe: Tips and tricks

Steps for incrementing a number in an integer field with Node.js and MongoDB

The issue arises when attempting to reopen the jQuery UI dialog box after a div has been loaded

Turning off the transpiler in Vue Webpack to simplify the debugging process

Encountering an issue while trying to pass hidden value data in array format to the server side

Validate Bootstrap - Transmit data from all form fields to external PHP script

Extract specific form data to use in a jQuery.ajax request

Issue with retrieving data using AngularJS Restangular

A few of the npm packages that have been installed globally are not functioning properly

Upon refreshing, the user of the React JS application is redirected to a different page

Exploring the intricacies of using jquery text() with HTML Entities

Trouble with Vuex Store: Changes to table values not reflected in store

traverse a JSON object with JavaScript for a loop

CSS fixed dynamically with JavaScript and multiple div elements placed randomly

Parsing polymorphic JSON with Gson in Retrofit 2

Retrieve the pdf document from the server's response

Displaying various charts in a single view without the need for scrolling in HTML

Mapping a JSON array within a static method in Angular2 and TypeScript

Tips for making a horizontal grid layout with three items in each row