次のコードを使用して、クロスドメイン AJAX リクエストを YQL で実行しています。
function requestCrossDomain( site, callback ) {
function cbFunc(data) {
// If we have something to work with...
alert("inside call back");
if ( data.results[0] ) {
// Strip out all script tags, for security reasons.
// BE VERY CAREFUL. This helps, but we should do more.
data = data.results[0].replace(/<script[^>]*>[\s\S]*?<\/script>/gi, '');
// If the user passed a callback, and it
// is a function, call it, and send through the data var.
if ( typeof callback === 'function') {
callback(data);
}
}
// Else, Maybe we requested a site that doesn't exist, and nothing returned.
else throw new Error('Nothing returned from getJSON.');
}
// If no url was passed, exit.
if ( !site ) {
alert('No site was passed.');
return false;
}
// Take the provided url, and add it to a YQL query. Make sure you encode it!
var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + encodeURIComponent('select * from html where url="' + site + '"') + '&format=xml&callback=cbFunc';
// Request that YSQL string, and run a callback function.
// Pass a defined function to prevent cache-busting.
$.getJSON( yql, cbFunc );
console.log("outside call back");
}
上記を次のように呼び出します。
requestCrossDomain('http://www.cnn.com', function(results) {
alert(results);
});
上記のコードを firefox で実行しているときに、(firebug コンソールで) 応答がコールバック関数 (cbFunc) 内の Web サイトのコンテンツを表示しているにもかかわらず、アラートとして何も表示されていません。
また、console.log("inside call back")
5 行目の結果が firebug コンソールに出力されません。
誰かが私に物事がうまくいかない場所や上記の説明を教えてもらえますか?
ところで、私はすでに行っています:
http://tek-insight.blogspot.in/2010/05/cross-domain-ajax-request-proxy-json.html
http://net.tutsplus.com/tutorials/javascript- ajax/quick-tip-cross-domain-ajax-request-with-yql-and-jquery/
関連するスタックオーバーフローの質問で可能な説明。