在工作中往往存在跨域的問題 ，跨域是什么概念就不在這里了，搜這類問題的肯定已經知道了。下面直接探討jsonp跨域原理

jspon跨域原理：

?1.動態創建一個script標簽

? ? var script = document.createElement("script");

?2.添加src屬性，value也就是所謂的接口的寫入（注：此處要返回的是一個回調函數callback；這里可以省略callback字段寫成?script.src = "http://xxxx.com/?user="xxx也是可以的）

? ?script.src = "http://xxxx.com/?user="xxx"&callback = callback

3.把標簽添加到body里面這樣就實現了jsonp跨域了

??document.body.appendChild( script );? ? ?

4.回調函數

callback = function( data ){

? ? ? ? if( data.success ){

? ? ? ? ? ? alert( "成功" );

? ? ? ? }else{

? ? ? ? ? ? alert( "失敗" );

? ? ? ? }

? ? };

轉載于:https://www.cnblogs.com/rainheader/p/4589083.html

總結

以上是生活随笔為你收集整理的javascript实现jsonp跨域问题+原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。