Javascript:从web提取csv数据并存储在数组中

Javascript:从web提取csv数据并存储在数组中,javascript,csv,web,fetch,Javascript,Csv,Web,Fetch,我正在尝试开发一个javascript,它从外部网站提取csv数据并将其存储在一个数组中。我之所以需要使用javascript,是因为我使用了一个名为Shortkeys的chrome扩展,它可以执行javascript代码。我希望脚本从API(url)获取(csv)数据,查看csv数据并基于csv数据生成字符串。到目前为止,我一直在尝试fetch函数,但我对javascript还是新手。到目前为止我已经知道了,但我真的不知道我在做什么: const url = 'https://myAPIurl

我正在尝试开发一个javascript,它从外部网站提取csv数据并将其存储在一个数组中。我之所以需要使用javascript,是因为我使用了一个名为Shortkeys的chrome扩展,它可以执行javascript代码。我希望脚本从API(url)获取(csv)数据,查看csv数据并基于csv数据生成字符串。到目前为止,我一直在尝试fetch函数,但我对javascript还是新手。到目前为止我已经知道了,但我真的不知道我在做什么:

const url = 'https://myAPIurl.com';

fetch(url)
.then(response => response.text())
.then(contents => console.log(contents))
非常感谢您的建议

谢谢,
Peter

这是一个设置集合中每一行的每个值的示例,但我不确定这是否是您想要的

fetch('https://raw.githubusercontent.com/openmundi/world.csv/master/countries(204)_olympics.csv')
  .then(response => response.text()).then(text => { 
     const lines = text.split('\n')
     const columns = lines.map((line) => line.split(','))
     console.log(columns)
  })

希望对您有所帮助

这是一个设置集合中每一行的每个值的示例,但我不确定这是否是您想要的

fetch('https://raw.githubusercontent.com/openmundi/world.csv/master/countries(204)_olympics.csv')
  .then(response => response.text()).then(text => { 
     const lines = text.split('\n')
     const columns = lines.map((line) => line.split(','))
     console.log(columns)
  })

希望它能帮助你

你好,Peter,你能用一个真正的api为你的代码做个例子吗?那样我就能帮你更好了汉克斯,亚历杭德罗。你好,彼得,你能用一个真正的api为你的代码做个例子吗?那样我就能帮你更好了汉克斯,亚历杭德罗。谢谢!这绝对是我的目标。如何将数据存储在一个数组中,然后在每行中循环?您的代码可以工作,但当我尝试使用自己的url时,我获得了从“源”获取“…”的错误访问“null”已被CORS策略阻止:请求的资源上不存在“访问控制允许源”头。如果不透明响应满足您的需要,请将请求的模式设置为“no cors”以获取禁用cors的资源。.map在每行中循环,并且.split为每行返回一个数组,因此,您可以看到包含每行的数组。您可以在.map函数中执行任何您喜欢的操作。关于CORS,您可以通过
fetch('URL',{.mode:'CORS'})
,,但是您还需要从服务器返回
访问控制允许源代码:*/*
,我不确定您是否控制了服务器代码。请看一下,以便更好地理解它。非常感谢!这绝对是我的目标。如何将数据存储在一个数组中,然后在每行中循环?您的代码可以工作,但当我尝试使用自己的url时,我获得了从“源”获取“…”的错误访问“null”已被CORS策略阻止:请求的资源上不存在“访问控制允许源”头。如果不透明响应满足您的需要,请将请求的模式设置为“no cors”以获取禁用cors的资源。.map在每行中循环,并且.split为每行返回一个数组,因此,您可以看到包含每行的数组。您可以在.map函数中执行任何您喜欢的操作。关于CORS,您可以通过
fetch('URL',{.mode:'CORS'})
,,但是您还需要从服务器返回
访问控制允许源代码:*/*
,我不确定您是否控制了服务器代码。请看一下,以便更好地理解它