Wait for two or more files to load with Papa Parse

Question

I'm using this function here twice to load csv data: http://papaparse.com/

Papa.parse("http://example.com/file.csv", {
    download: true,
    complete: function(results) {
        console.log(results);
    }
});

When both files are ready I want to execute another function that depends on the results from both. I'm styling a map with markers.

I thought about JavaScript Promises. Can someone give me a hand on how that would look like if you have, say, 2 csv files/urls?

Currently I have the following libraries activated:

Jquery 3.2.1
Papa Parse 4

Lastly, I'm aware of: How to use Promises with PapaParse? But I can't figure out where to put the code for it to work with 2 or more files.

score 6 · Accepted Answer · edited Dec 20 '17 at 12:58

6

You could use the following code, if this has to run in browsers that are older and don't have native promises or arrow functions you need to use babel and polyfills.

If you have an array of urls you can do this:

urls =  ['path1.csv','path2.csv']

Promise.all(//pass array of promises to Promise.all
  urls//you have an array of urls
  .map(//map urls to promises created with parse
    url=>
      new Promise(//create one promise
        (resolve,reject)=>
          Papa.parse.parse(
            url,
            {
              download: true,
              complete:resolve,//resolve the promise when complete
              error:reject//reject the promise if there is an error
            }
          )
      )
  )
)
.then(
  function (results) {
    console.log(results[0]) // log result from file 1
    console.log(results[1]) // log result from file 2
  }
)
.catch(//log the error
  err=>console.warn("Something went wrong:",err)
)

edited Dec 20 '17 at 12:58

Anton vBR

18,287
5
40
46

answered Dec 20 '17 at 09:18

HMR

37,593
24
91
160

Thanks! I ended up modifying your code (I edited in the current code I use). Do you see any drawback in the changes I made? – Anton vBR Dec 20 '17 at 12:59
@AntonvBR Should be fine, I don't know what `download:true` is supposed to do though. – HMR Dec 20 '17 at 13:10
Me neither, but it works for Google Sheets and Local files. – Anton vBR Dec 20 '17 at 13:16
Papa.parse.parse should be Papa.parse in this block. – vinh Jul 22 '19 at 15:27
@HMR download:true indicates url rather than a local file. – vinh Jul 22 '19 at 15:28

Wait for two or more files to load with Papa Parse

1 Answers1

Linked