初めて質問させていただきます。
Angular4を勉強中です。
JSONPにてAjaxでAPI接続する際、ヘッダ情報が設定できない事象が発生しています。(GETメソッド)
typescript
1getHoge() { 2 let headers = new Headers({ 'Authorization': 'testtesttest'}); 3 let params = new URLSearchParams(); 4 params.set('id', '123456789'); 5 params.set('callback', 'JSONP_CALLBACK'); // JSONPのコールバック名 6 7 let options = new RequestOptions({ headers: headers, params: params }); 8 9 let url = 'https://hogehogehogeo.co.jp/'; 10 11 this.jsonp 12 .get(url, options) 13 .subscribe( 14 res => { 15 this.info = res.json(); 16 this.json_url = res.url; 17 }, 18 error => { 19 this.error = error; 20 }); 21} 22
ブラウザにて動きとパラメータを確認したところ、
クエリ文字列には「id」と「callback」が正しく設定されていましたが、
「Headers」には何も設定されません。
通信は正常にできているようで、ステータスコードは200で返却されますが、
httpエラーは401となっており、おそらくヘッダに「Authorization」が正しく設定されていませんでした。
JSONPを使う時のヘッダの設定方法が少し特殊なのでは?と考えていますが、
どなたか解決策お分かりの方いらっしゃいましたらご教示の程よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/19 10:56