私はGreasemonkeyスクリプトを使用してRSSフィードhttp://www.instapaper.com/folder/48337/rss/11185/QBV0RZfH4KBO7GwgrR3D8b7sv90からデータをプルし、jQueryを使用してページに挿入しています。アドレスは有効なRSSを返しますが、GreasemonkeyがAjax呼び出しを起動すると(以下を参照)、常に空のリクエストを返し、エラーコールバックを起動します。Ajaxの呼び出しで何が欠けていますか?
$.ajax({
url: "http://www.instapaper.com/folder/48337/rss/11185/QBV0RZfH4KBO7GwgrR3D8b7sv90",
dataType: "xml",
data: "",
type: "GET",
success: function (data){
var classString = "";
$("item",data).each(function (i) {
classString = classString + "<li><a href='" + $("link",this).text() + "'>" + $("title",this).text() + "</a></li>";
});
var message = "<div id='classes'><h2>Class Links</h2><ul>" + classString + "</ul></div>";
$("#sidelinks").prepend(message);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#sidelinks").prepend("<div id='classes'><h2>Class Links</h2><p>There was an error accessing class link information.</p></div>");
}
});
これが正しいかどうかはよくわかりませんが、jQuery.ajax
RSSURLをロケーションバーに貼り付けるだけの場合とは異なるタイプのHTTP呼び出しを発行しているようです。リクエストを「GET」に指定しましたが、jQueryは「OPTIONS」リクエストを送信しているようです。以下は、私のAjaxリクエストによって発行されたコールとロケーションバーにURLを入力することによる作業リクエストのライブHTTPヘッダーでトラップされた出力です--
これは、空の(?)応答オブジェクトを使用してAjaxエラーコールバックを起動します。
http://www.instapaper.com/folder/48337/rss/11185/QBV0RZfH4KBO7GwgrR3D8b7sv90
OPTIONS /folder/48337/rss/11185/QBV0RZfH4KBO7GwgrR3D8b7sv90 HTTP/1.1
Host: www.instapaper.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Proxy-Connection: keep-alive
Origin: http://home.bju.edu
Access-Control-Request-Method: GET
Access-Control-Request-Headers: x-requested-with
HTTP/1.x 200 OK
Date: Thu, 27 Aug 2009 15:16:53 GMT
Server: Apache
P3P: CP="ALL ADM DEV PSAi COM OUR OTRo STP IND ONL"
Vary: Accept-Encoding
Content-Type: text/xml; charset=utf-8
Content-Length: 1210
Age: 0
これにより、ブラウザにデータが正常に表示されます(アドレスバーにURLをドロップするとどうなりますか)。
http://www.instapaper.com/folder/48337/rss/11185/QBV0RZfH4KBO7GwgrR3D8b7sv90
GET /folder/48337/rss/11185/QBV0RZfH4KBO7GwgrR3D8b7sv90 HTTP/1.1
Host: www.instapaper.com
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: en-us,en;q=0.5
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Proxy-Connection: keep-alive
HTTP/1.x 200 OK
Date: Thu, 27 Aug 2009 15:18:04 GMT
Server: Apache
P3P: CP="ALL ADM DEV PSAi COM OUR OTRo STP IND ONL"
Vary: Accept-Encoding
Content-Type: text/xml; charset=utf-8
Content-Length: 1210
Age: 0