jquery調(diào)用網(wǎng)易云音樂API遇到，網(wǎng)易音樂接口需要用node啟動(dòng)
前端js調(diào)用代碼

var thisUrl="http://127.0.0.1:3000/album?id=32311";$.ajax({type:"get",url:thisUrl,async:true,dataType:"jsonp",success:function(musicData){var data=JSON.parse(musicData)console.log(data)},error:function(err){console.log(err)} });

控制臺(tái)錯(cuò)誤提示：Uncaught SyntaxError: Unexpected token :

---

怎么看代碼都沒毛病啊！！哪里出的錯(cuò)！！！？
聰明的我馬上查百度，發(fā)現(xiàn)百度并沒有什么類似的情況。自己解決半天，并沒有什么進(jìn)展。
原因：由于后臺(tái)直接將json數(shù)據(jù)send過來(lái)，而json數(shù)據(jù)是不能跨域的，只能以jsonp的形式進(jìn)行跨域，造成前端無(wú)法直接獲取數(shù)據(jù)。
解決辦法：這時(shí)候我們要將json數(shù)據(jù)放到一個(gè)對(duì)象中了，并以字符串的形式send給客戶端

const express = require("express") const router = express() const { createRequest } = require("../util/util")router.get("/", (req, res) => {const id = req.query.idcreateRequest(`/api/album/${id}`, 'GET', null).then(result => {res.setHeader("Content-Type", "application/json");console.dir(result);var obj = "callback({'data':"+result+"})";//這里是將數(shù)據(jù)放入callback中res.send(obj)}).catch(err => {res.status(502).send('fetch error')}) })module.exports = router

結(jié)果：不貼圖了。
最后放個(gè)網(wǎng)易云音樂API地址：https://binaryify.github.io/NeteaseCloudMusicApi/#/

總結(jié)

以上是生活随笔為你收集整理的ajax调用网易云APi遇到跨域问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。