html同时执行多个ajax,JS 与 jQuery 等待多个异步请求结束后再统一执行方法

1.js用Promise方法

// 封装地形 GeoJSON 数据接口

// 将每个数据接口封装为一个返回 Promise 的函数

function getArea () {

return new Promise((resolve, reject) => {

fetch('./resources/china.json').then(resp =>

resp.json().then(china => resolve(china))

)

})

}

// 封装分色地图数据接口

function getPopulation () {

return new Promise((resolve, reject) => {

fetch('./resources/china-population.json').then(resp =>

resp.json().then(data => resolve(data))

)

})

}

// 封装城市数据接口

function getCity () {

return new Promise((resolve, reject) => {

fetch('./resources/city.json').then(resp =>

resp.json().then(data => resolve(data))

)

})

}

// 使用 Promise.all