What is the most effective way to combine two getjson responses into a single variable and subsequently manipulate it?

Question

What is the most effective way to combine two getjson responses into a single variable and subsequently manipulate it?

So, I have successfully used getjson for page1, but now I am looking to do the same thing for page2 and then proceed with processing the sitecontent variable. Can someone help me figure out how to make two getjson requests - one for page1 and another for page2? I would like to merge the responses from both requests into a single variable.

<script> 

          $.getJSON('http://anyorigin.com/get?url=http://www.example.com/page1.php/&callback=?', function(data){

             var siteContents = data.contents; 

    //process sitecontent further

    });

 </script>

javascript ajax getjson

Answer 1

Answer №1

To achieve the desired outcome, ensure that you initiate the first request before proceeding to trigger the second request within the callback function. Here is an example implementation:

let response;
$.getJSON(apiUrl1, function(data) {
    response = data.results;
    $.getJSON(apiUrl2, function(data) {
        $.extend(response, data.data);
    });
});

Answer 2

To achieve the desired outcome, ensure that you initiate the first request before proceeding to trigger the second request within the callback function. Here is an example implementation:

let response;
$.getJSON(apiUrl1, function(data) {
    response = data.results;
    $.getJSON(apiUrl2, function(data) {
        $.extend(response, data.data);
    });
});

What is the most effective way to combine two getjson responses into a single variable and subsequently manipulate it?

Answer №1

Similar questions

Integrate JQuery-Ui into an Angular 7 application using an external .js file

Discover an Easy Way to Scroll to the Bottom of Modal Content with Bootstrap 5 on Your Razor Page

Launching a personalized Mailchimp form

Fading in and out occurs several times while scrolling through the window

The browser fails to implement styling prior to a demanding workload

Is it possible to apply capitalization or convert the value of props to uppercase in React?

Updating an event listener during the $(document).ready() function and handling ajax requests

How do I group data based on multiple conditions in JavaScript?

Encountering an error due to the script being placed at the top of the page resulting in an undefined

Retrieving the title property with the power of JavaScript

Performance challenges with an AngularJS application that uses pagination

Is there a way to retrieve the HTML code of a DOM element created through JavaScript?

Troubleshooting Issue with Formidable Not Working with Multer

Linking the location of the pop-up to the currently selected text box

Acquire the S3 URL link for the uploaded file upon completion of the file upload process

AngularJS Component enthusiasts

Having trouble getting a jQuery variable to work as an argument in an onclick function for an HTML

Significant lag experienced when using $rootscope.$on with a large object

Toggle divs by using a checkbox (Vue.js)

Is Consistency Possible with CSS Transition Direction?