use get() inside each() in Jquery and perform action in client side itself

Question

I want to make this Ajax call using get() inside each() function to fetch data from the files, looping through the each().

this is my piece of code:

    jQuery.each(html_files, function(index,post_html){
        jQuery.get(post_html, function(data){
            // do action
        });
    });

here, html_files is an array, containing list of html files.

However, i am only able to fetch the data for the first file. How do i execute this synchronously.

Thanks in advance!

Possible duplicate of [jQuery: Performing synchronous AJAX requests](https://stackoverflow.com/questions/6685249/jquery-performing-synchronous-ajax-requests) — Erdogan Oksuz, May 22 '17 at 12:35

score 1 · Accepted Answer · answered May 22 '17 at 15:25

1

jQuery.each(html_files, function(index,post_html){
    jQuery.ajax({
        type:get,
        url:post_html, //or the url to fetch data
        success:function(data){
            alert(data);
         }
    });
});

Check this out

answered May 22 '17 at 15:25

Venkat Aadithan

48
6

Thanks. Worked for me! – Annapurna May 23 '17 at 05:42

use get() inside each() in Jquery and perform action in client side itself

1 Answers1