使用jQuery的$.get()调用CoinGecko API返回[object Object]无结果怎么办
你遇到的[object Object]输出是因为你直接将API返回的对象/数组类型的响应数据和字符串拼接了。JavaScript在拼接对象和字符串时,会自动调用对象的toString()方法,普通对象的默认toString()返回值就是[object Object]。
CoinGecko的这个接口返回的data是包含100个加密货币信息对象的数组,每个对象内包含币种名称、当前价格、市值等具体字段,不能直接拼接输出。
调试验证方法
你可以先在回调里打印数据查看完整结构,确认要使用的字段:
$(document).ready(function () { $.get("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=100&page=1&sparkline=false",function (data) { // F12打开开发者工具的控制台即可查看完整数据结构 console.log(data) }); });
正确渲染示例
如果你需要把币种名称、价格等信息渲染到页面,可以遍历数组组装HTML内容再插入,示例如下:
$(document).ready(function () { $.get("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=100&page=1&sparkline=false",function (data) { let htmlStr = '' // 遍历返回的加密货币数组 data.forEach(coin => { htmlStr += `<p>币种:${coin.name},当前价格:$${coin.current_price},市值排名:${coin.market_cap_rank}</p>` }) $("#clist").append(htmlStr); }); });
内容的提问来源于stack exchange,提问作者data data
相关产品推荐
相关产品推荐

