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

Guide to incorporating onchange event in a React.js project

Switching the GET method to DELETE in nodeJS can be accomplished using an anchor tag

Attempting to access a shared php/javascript library using mod_rewrite

Interact with AngularJS and ASP.NET MVC by invoking controller actions

Executing child processes in the Mean Stack environment involves utilizing the `child_process`

Troubleshooting MongoDB query criteria in Meteor and JavaScript doesn't yield the expected results

Tips for submitting a form using yui3

I am experiencing an issue where my UI does not reflect changes in the data model in SAP

Switch out the name of multiple elements with mootools

Rotate the image using the handler, not by directly manipulating the image itself

Are you experiencing issues with your Ajax request?

What is the best way to activate a function within an npm package in a Vue application?

Using Pocketbase OAuth in SvelteKit is not currently supported

Issue with mouseMove function not aligning correctly with object-fit:contain CSS property

`Optimizing Performance using jQuery Functions and AJAX`

Handling errors in XMLHttpRequest using Axios in React JS

Typehead.js on Twitter is displaying the full query instead of just the value

Communication between child and parent components in Vue.js is an essential feature

I encountered a blank page issue when incorporating ui.bootstrap into my controller within Angular

Utilizing JQuery for real-time total updates