Click here to Skip to main content
15,884,353 members
Search within:


How to use for loop in java script in ajax call to execute multiple iteration?
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Javascript
jQuery
I have for loop in java script function
while calling for loop every success i need to capture the success data.
But while executing For loop after 1st iteration its not waiting for 2nd iteration to execute. Its hitting backend code directly.
Someone kindly suggest me.

What I have tried:

JavaScript
function submit(payload, btn1) {
        for (let x = 0; x < payload.info.details.length; x++) {
            
                      
               
        }
	   
       submit(btn1);
        
    }
Posted
Updated 26-Apr-23 4:20am
v6
Add a Solution
Comments
Member 15627495 24-Apr-23 1:41am    
Hello,

why don't you group the first query with all datas 'in' ?
and get back 'one' answer.

use an array to be send, and get back a answer array.

where 'asynchronous' will be hard to manage it's by 'a loop',
you're going hard the way you do.

- prepare the ajax query datas to send ( a big package )
- send your 'all payloads in'
- get the success response
- process the response
Member 15627495 24-Apr-23 1:48am     
// the loop before
for (let x = 0; x < payload.info.tgdetails.length; x++) {

processMultipleTag(sdk[i], payload[x], btn1) {
// do stuff
}

}

1 solution

If I've understood your question correctly, you want to wait for each AJAX request to complete before submitting the next one.

That sort of thing is easiest in an async function:
async function - JavaScript | MDN[^]
JavaScript
// Turn the "PT" function into a Promise:
function creditAsync(sdk, tran) {
    return new Promise(function (resolve, reject) {
        sdk.PT('CREDIT', tran).success(resolve).failure(reject);
    });
}

async function processMultipleTag(sdk, payload, btn1) {
    for (let x = 0; x < payload.info.tgdetails.length; x++) {
        var tran = sdk.tran({
            type: payload.info.tgdetails.[x].type,
            amount: payload.info.tgdetails.[x].amount
        });
        
        tran.method1({
            group: payload.info.tgdetails.[x].tag
        });
        
        try {
            const data = await creditAsync(sdk, tran);
            $("input[id$='Response']").val(JSON.stringify(data));
        } catch (e) {
            sdk.reset();
        }
    }
	
    submit_postback(btn1);
}
 
Share this answer
 
Posted
Comments
Richard Deeming 24-Apr-23 4:28am    
Yeah, that's still not clearing it up.

The code in my solution will issue the first PT request, and wait for it to complete; then issue the second PT request, and wait for it to complete; ... Once all requests are complete, it will call the submit_postback function.

So if that's not what you want, you need to explain clearly and precisely what you do want.
Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month
Related Questions
WCF method calling multiple times from java script/Ajax
how to use ajax call in java script
Skipping iterations in a loop
Generate multiple pdf's and merge into one pdf using java script
java script not working on ajax editor
i call a jquery ajax function many time in javascript inside for loop my looop body before execute after jquery ajax call please give me solution .
How can we be sure that the number of iterations of commands in "parallel.for" matches the number of iterations that were set for it?
Use a common SSIS script task in multiple For loop container
Iterate through elements with no attributes using selenium Python
Ajax, jquery, PHP load data in iteration

Advertise
Privacy
Cookies
Terms of Use
Last Updated 26 Apr 2023
Layout: fixed | fluid
Copyright © CodeProject, 1999-2024
All Rights Reserved.

Web04 2.8:2024-04-02:1

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900