Using JavaScript: Retrieve the URL from a JSON file and run it in the background

Question

Using JavaScript: Retrieve the URL from a JSON file and run it in the background

I am looking to make a JSON request using jQuery:

$.getJSON('http://example.com/file.php', function(data) {
    //data
});

An example of the JSON output:

{ "url":"http://example.com/execute.php" }

Next, I want to silently execute the URL on the client side without notifying the user. This is obtained from the JSON file.

I would like to repeat this entire process every second, fetching the JSON and executing it in the background.

javascript jquery json

Answer 1

Answer №1

function executePhpScript() {

  $.ajax({
  file: "http://example.com/runscript/index.php"
  method: 'POST',
  success: function(data) {
    setTimeout(function() { executePhpScript() }, 1000);
  }});

}

setTimeout(function() { executePhpScript() }, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

I want to silently run the URL in the background (on the client side) that we have obtained from a JSON file.

You can utilize AJAX not only for a response, but also as a request. This code will continuously execute the PHP page every * times it is called. In the success listener, you can either leave it empty or use a setInterval() to repeat the process

For further information, refer to the documentation: http://api.jquery.com/jquery.ajax/

Answer 2

function executePhpScript() {

  $.ajax({
  file: "http://example.com/runscript/index.php"
  method: 'POST',
  success: function(data) {
    setTimeout(function() { executePhpScript() }, 1000);
  }});

}

setTimeout(function() { executePhpScript() }, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

I want to silently run the URL in the background (on the client side) that we have obtained from a JSON file.

You can utilize AJAX not only for a response, but also as a request. This code will continuously execute the PHP page every * times it is called. In the success listener, you can either leave it empty or use a setInterval() to repeat the process

For further information, refer to the documentation: http://api.jquery.com/jquery.ajax/

Answer 3

Answer №2

I came up with this unique solution where I continuously retrieve a URL every second and execute it:

function fetchAndExecuteURL() {
    var targetURL = 'http://uniqueexample.com/pending.php';
    $.getJSON(targetURL, function(response){
        var urlToExecute = response.url;
        $.get(urlToExecute);
    });
}

$(document).ready(function(){
    setInterval(fetchAndExecuteURL, 1000);
    fetchAndExecuteURL();
});

Answer 4

I came up with this unique solution where I continuously retrieve a URL every second and execute it:

function fetchAndExecuteURL() {
    var targetURL = 'http://uniqueexample.com/pending.php';
    $.getJSON(targetURL, function(response){
        var urlToExecute = response.url;
        $.get(urlToExecute);
    });
}

$(document).ready(function(){
    setInterval(fetchAndExecuteURL, 1000);
    fetchAndExecuteURL();
});

Using JavaScript: Retrieve the URL from a JSON file and run it in the background

Answer №1

Answer №2

Similar questions

The react-router-dom seems to be malfunctioning, so let's simply render the "/"

The first three AJAX requests are successful, but the fourth one fails to reach the PHP script

Updating the parameters when clicking on each pagination button: A guide

Ways to address issues in my tree-building algorithm when the parent ID is missing

pytrends_json.decoder.JSONDecodeError: Anticipating a value at line 1, column 1 (character 0)

What could be causing an error with NextJS's getStaticPaths when running next build?

An application designed to generate a compilation of multiple documents

The size of objects on canvas is not consistent when loading with fabric.js loadFromJSON

Displaying tooltips dynamically for newly added elements all sharing a common class in React

Display the Bootstrap datepicker within an h4 element set to default to today's date, utilizing both Angular and jQuery

Error in custom class using vanilla JavaScript: "Error: Unable to assign innerHTML to an undefined property"

What is the best way to determine the moving average of an Object value within an array?

What other ways can websockets be utilized besides comet?

Ideas for displaying data or a message only once when selecting multiple checkboxes in jquery

Updating a single .jshintrc option for a folder

What is the best way to retrieve a value in Ajax?

Submitting the form does not result in the textbox being cleared

Using a spray to parse a JSON array with nested JSON elements

Guide on How to Upload Huge Files Using a Single Connection in JavaScript

Using JQuery to manipulate `this`, its children, its siblings, and more