xhrオブジェクトからリクエストURLを取得

Question

xhrオブジェクトからリクエストURLを抽出する方法はありますか？ 私はfirebugのURLをchannelプロパティで見ることができますが、javascriptを使用してこれを問い合わせることはできません。

Answer 1

私はあなたの問題を正しく理解していることを望みます。

このような機能を実現するには、XHRオブジェクトを独自のオブジェクトでラップするのはかなり簡単です。以下は

過度に単純化した例である：

// Assumption: GetXHR() returns a new XHR object, cross browser. 

function HTTPGet(url, onStartCb, onCompleteCb) 
{ 
    var xhr = GetXHR(); 
    // Construct your own xhr object that contains the url and the xhr object itself. 
    var myXhr = { xhr: xhr, url: url }; 

    xhr.onreadystatechange = function() 
    { 
    if (xhr.readyState == 4 && xhr.status == 200) 
    { 
     onCompleteCb(myXhr); 
    } 
    }; 

    xhr.open("GET", url); 
    onStartCb(myXhr); 
    xhr.send(null); 
} 

私は広範囲にこれをテストしていませんが、それは動作するはずですし、いくつかの変更（エラー処理、パラメータを渡す、など）で、おそらく回すことができるはずですこの例を完全に機能するソリューションに変換します。

Answer 2

https://developer.mozilla.org/en/XmlHttpRequestによれば、昇格した特権を持っている場合は、実際にchannelを得ることができます。ただし、channelは標準ではありません（他のブラウザでは動作しない可能性があります）。実際にhttp://www.w3.org/TR/XMLHttpRequest/のW3C仕様にはchannelや「リクエストURLを抽出する」その他の方法はありません。したがって、ブラウザ間で合理的に行う方法はないと私は思っています。

Answer 3

jQueryを使用している場合は、AJAXリクエストの "beforeSend"関数を使用してjqXHRオブジェクトを変更できます。すなわち、様々なコールバックに渡さ

$.ajax({ 
... 
url: "http://some/url", 
beforeSend: function(jqxhr, settings) { jqxhr.requestURL = "http://some/url"; }, 
... 
}); 

jqXHRオブジェクトは、あなたがアクセスできる変数、jqXHR.requestURLを、持っています。次は何のラッパーをハックしないで

Answer 4

が必要となります。

var xhrProto = XMLHttpRequest.prototype, 
    origOpen = xhrProto.open; 

xhrProto.open = function (method, url) { 
    this._url = url; 
    return origOpen.apply(this, arguments); 
}; 

使用法：

var r = new XMLHttpRequest(); 
r.open('GET', '...', true); 
alert(r._url); // opens an alert dialog with '...'