建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這篇文章主要介紹“jsonp跨域問(wèn)題如何解決”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“jsonp跨域問(wèn)題如何解決”文章能幫助大家解決問(wèn)題。
我們提供的服務(wù)有：成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、江門(mén)ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢(xún)和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的江門(mén)網(wǎng)站制作公司
1、解決跨域問(wèn)題關(guān)鍵點(diǎn)jsonp
利用script標(biāo)簽沒(méi)有跨域限制的漏洞，網(wǎng)頁(yè)可以拿到從其他來(lái)源產(chǎn)生動(dòng)態(tài)JSON數(shù)據(jù)，當(dāng)然了JSONP請(qǐng)求一定要對(duì)方的服務(wù)器做支持才可以。動(dòng)態(tài)創(chuàng)建script標(biāo)簽，然后設(shè)置src屬性就可解決跨域問(wèn)題。
2、具體實(shí)現(xiàn)
使用 jsonp，將前端代碼中的 ajax 請(qǐng)求去掉，添加了一個(gè)script標(biāo)簽，設(shè)置script標(biāo)簽的src屬性。
function jsonpProcess (data) {
console.log(data)
}
function jsonp_Script () {
var _script = document.createElement("script");
_script.type = "text/javascript";
_script.src = "http://api.douban.com/v2/movie/top250?start=25&count=30&callback=jsonpProcess";
document.head.appendChild(_script)
}
jsonp_Script();關(guān)于“jsonp跨域問(wèn)題如何解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
新聞標(biāo)題：jsonp跨域問(wèn)題如何解決
分享地址：http://fisionsoft.com.cn/article/jgjccj.html
