TA貢獻1811條經驗 獲得超4個贊
您可以在獲取數據后嘗試使用函數。您可以使用 或 方法 從下面的 api 示例中獲取數據。mapfetchjquery ajax
映射返回到新數組，如果你只需要取第一個元素，那么你可以說
data.launches.map(x=>x.name )[0]
$(document).ready(function(){
$.ajax({
type: 'GET',
url: "https://launchlibrary.net/1.4/launch/next/1",
success:function(data){
console.log(data.launches.map(x=>x.name ));
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
使用純 js
fetch('https://launchlibrary.net/1.4/launch/next/1')
.then(r => r.json())
.then(data => console.log(data.launches.map(x=>x.name)));
TA貢獻2016條經驗 獲得超9個贊
如果該 API 設置了適當的 CORS 標頭（從我的測試來看似乎確實如此），則可以使用名為 fetch 的本機瀏覽器函數調用它。
例如：
fetch('https://launchlibrary.net/1.4/launch/next/1')
// Convert response to JSON
.then(r => r.json())
// Show name in console
.then(data => console.log(data.launches[0].name));
然后，您可以使用數據與 DOM 進行交互，如下所示：
fetch('https://launchlibrary.net/1.4/launch/next/1')
// Convert response to JSON
.then(r => r.json())
// Show name to user
.then(launchData => alert(launchData.launches[0].name));
舉報