angular4 0使用JSONP資料請求

2022-04-12 15:34:57 字數 1547 閱讀 7278

ng4中有很多獲取資料的api,為了滿足跨域的需求,我選擇jsonp模組;

應該有很多小夥伴遇到這個報錯吧 injected script did not invoke callback;

下面我寫個完整的demo來解決這個問題。

注入jsonp模組

import '

rxjs/add/operator/map

'; //

注入map

這步最關鍵了,我們知道jsonp的請求位址是需要寫callback**引數的,用作script標籤的id名;

就像下面的**,至於為啥callback="__ng_jsonp__.__req0.finished"這樣的形式;我也不是很明白。

let url1 = baseurl + "

&callback=

" + "

__ng_jsonp__.__req0.finished";

let url2 = baseurl + "

&callback=

" + "

__ng_jsonp__.__req1.finished

";

很明顯,只要我們保證callback如上的結果,就可以正常的請求資料了,req0,req1……依次累加;

請求的核心**是jsonp的subscribe方法,**函式中返回資料,**如下:

this.jsonp.get("

請求位址

").map(res => res.json()).subscribe(data =>);

static times = 0; 定義乙個靜態屬性,用來記錄httpserivice服務的請求次數,每次請求就+1,這樣保證每次請求的callback**名都不一樣;

Angular 4 0 內建指令

原文出處 在這篇文章中,我們將分別列舉每乙個內建指令的用法,並提供乙個例子作為演示。盡量用最少最簡單的描述,讓你在更快更準確地學會每一種內建指令的基本用法。作用 像 for 迴圈一樣,可以重複的從陣列中取值並顯示出來。例子 ts this.userinfo 張三 李四 王五 html 講解 他的語法...

angular4 0 路由守衛詳解

在企業應用中許可權 複雜頁多路由資料處理 進入與離開路由資料處理這些是非常常見的需求。其實angular路由守衛屬性可以幫我們做更多有意義的事,而且非常簡單。angular 的route路由引數中除了熟悉的path component外,還包括四種是否允許路由啟用與離開的屬性。這裡我們只講canac...

angular4 0 路由守衛詳解

在企業應用中許可權 複雜頁多路由資料處理 進入與離開路由資料處理這些是非常常見的需求。當希望使用者離開乙個正常編輯頁時,要中斷並提醒使用者是否真的要離開時,如果在angular中應該怎麼做呢?其實angular路由守衛屬性可以幫我們做更多有意義的事,而且非常簡單。angular 的route路由引數...