使用JQuery进行跨域请求

以上程序是今天偶然看到的，分享一下！


原文地址：  
Cross-domain-request-with-jquery


当然，还有以上的那个 Demo，我直接拿过来改了下，原地址：
Demo



代码如下:


$(document).ready(function(){
var container = $('#target');
container.attr('tabIndex','-1');
$('.ajaxtrigger').click(function(){
var trigger = $(this);
var url = trigger.attr('href');
if(!trigger.hasClass('loaded')){
trigger.append('<span></span>');
trigger.addClass('loaded');
var msg = trigger.find('span::last');
} else {
var msg = trigger.find('span::last');
}
doAjax(url,msg,container);
return false;
});

function doAjax(url,msg,container){
// if the URL starts with http
if(url.match('^http')){
// assemble the YQL call
msg.removeClass('error');
msg.html(' (loading...)');
$.getJSON("http://query.yahooapis.com/v1/public/yql?"+
"q=select%20*%20from%20html%20where%20url%3D%22"+
encodeURIComponent(url)+
"%22&format=xml'&callback=?",
function(data){
if(data.results[0]){
var data = filterData(data.results[0]);
msg.html(' (ready.)');
container.
html(data).
focus().
effect("highlight",{},1000);
} else {
msg.html(' (error!)');
msg.addClass('error');
var errormsg = '<p>Error: could not load the page.</p>';
container.
html(errormsg).
focus().
effect('highlight',{color:'#c00'},1000);
}
}
);
} else {
$.ajax({
url: url,
timeout:5000,
success: function(data){
msg.html(' (ready.)');
container.
html(data).
focus().
effect("highlight",{},1000);
},
error: function(req,error){
msg.html(' (error!)');
msg.addClass('error');
if(error === 'error'){error = req.statusText;}
var errormsg = 'There was a communication error: '+error;
container.
html(errormsg).
focus().
effect('highlight',{color:'#c00'},1000);
},
beforeSend: function(data){
msg.removeClass('error');
msg.html(' (loading...)');
}
});
}
}
function filterData(data){
// filter all the nasties out
// no body tags
data = data.replace(/<?/body[^>]*>/g,'');
// no linebreaks
data = data.replace(/[ |
]+/g,'');
// no comments
data = data.replace(/<--[Ss]*?-->/g,'');
// no noscript blocks
data = data.replace(/<noscript[^>]*>[Ss]*?</noscript>/g,'');
// no script blocks
data = data.replace(/<script[^>]*>[Ss]*?</script>/g,'');
// no self closing scripts
data = data.replace(/<script.*/>/,'');
// [... add as needed ...]
return data;
}
});




有用  |  无用 取消

猜你喜欢