Q&A
リダイレクト自体はできるのですが、リダイレクト先のURLを取得したいのです。一番上のやつをcompleteに突っ込んでみたのですが、できませんでした。302の時にはcompleteを実行しないようです。
jQueryの$.ajaxを利用して、リダイレクトさせるようなページにアクセスしているのですが、リダイレクト先のURLを取得する方法はありますか？XMLHttpRequestだとresponseURLというのがあるようですが、$.ajaxのcompleteの第一引数には見当たらないので…。わかる方教えてください。
回答3件
0
ベストアンサー
It seems like this is only exposing responseURL on the platforms where it is supported, but not attempting to do any cross-browser normalization. If that is the case, I would prefer not to add it because it would be another difference that would need to be documented in the already-complicated $.ajax API docs.
What exactly is being returned as responseURL? I couldn't tell from the spec. Is it the Location: header?
Fix #15173: Support responseURL attribute for jqXHR by xKerman · Pull Request #1615 · jquery/jquery · GitHub
ということらしいです。英語苦手なんですが、「IEがそのプロパティに対応していないのでブラウザ互換のため対応しない方がいいのでは」「Locationヘッダを使えばいいのでは」ということですかね。
#####追記
コメントを受けて追記します。
javascript
1var xhr 2$.ajax('http://example.com',{ 3 complete:function(){console.log(xhr.responseURL)}, 4 xhr:function(){return xhr = new window.XMLHttpRequest();} 5});
このようなやり方で、XMLHttpRequestオブジェクトが取得できました。
なお、これはブラウザ互換を破壊してると思いますのでそのあたりはご確認ください。
投稿2016/03/23 08:22
編集2016/03/24 04:55
総合スコア37411
0
リダイレクトはいくつか方法があると思うのですが、どのリダイレクトでしょうか。
HTTPリダイレクト
HTTP 301 もしくは HTTP 302 の時に Location ヘッダで得られます。
レスポンスヘッダを参照するだけなら HEAD メソッドで十分ですね。
JavaScript
1if (xhr.status === 301 || xhr.status === 302) { 2 console.log(xhr.getResponseHeader('Location')); // リダイレクト先 3}
HTMLのmeta要素
HTMLのmeta要素でもリダイレクト可能です。該当meta要素ノードのcontent属性値からリダイレクト先を参照します。
html
1<meta http-equiv="refresh" content="0;URL=http://example.com/">
JavaScriptのlocation
JavaScriptの location.href や location.replace() でもリダイレクト可能です。
JavaScriptコードは様々なので固定的な方法ではリダイレクト先を得られません。
サイト毎のコードの特徴を見極めて正規表現で頑張って下さい。
サーバサイドスクリプトで実装する
実際のところはJavaScriptで参照しやすいようにサーバサイドスクリプトでリダイレクト先を予めJavaScriptコードに埋め込むなり、APIを用意するのが妥当だと思います。
リダイレクタが余所様のサイトである場合はいろいろと問題がありそうなので目的が分かるまでは明言は控えます。
Re: Asmape さん
投稿2016/03/23 09:33
総合スコア18194
302なら statusCodeで拾えませんか。
http://api.jquery.com/jquery.ajax/#jQuery-ajax-settings
いや、まず302のときにcompleteなりsuccessなりに処理が回ってこないので…
ですので、completeではなく、statusCodeで取れませんか？
…？completeに指定するfunctionの引数のxhrのstatusCode()ではないのですか？
think49 さん、仕様を読むと明記されてる感じではないんですが、XMLHttpRequest自体でリダイレクトを処理してるようですね。301の応答をクライアントに返すわけではないみたい。
https://xhr.spec.whatwg.org/#states
の状態の説明に、All redirects (if any) have been followed and all HTTP headers of the response have been received. とあります。
To: Asmape さん
> …？completeに指定するfunctionの引数のxhrのstatusCode()ではないのですか？
意図したコードは下記です。詳しくは今朝掲示した「jQuery API Documentation」をお読み下さい。
jQuery.ajax({statusCode:{302: function () {}}});
To: Lhankor_Mhy さん
未検証ですが、HEADメソッドでもリダイレクトされてしまうのか、興味があります。
ちょっと時間が無いので今日は試せませんが…。
test
0
普通にリダイレクトしませんか？
もしかしてサーバが302を返さないとか・・・。
ちなみに1.4から
success: function(data, status, xhr) ～
みたいな書き方で、xhrでステータスチェックできますね。
if ( xhr.status === 302 ) { ～
投稿2016/03/23 07:54
総合スコア767
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/03/23 23:14
2016/03/24 04:55
2016/03/24 11:18
2016/03/24 11:36