使用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(/[\r|\n]+/g,''); // no comments data = data.replace(/<--[\S\s]*?-->/g,''); // no noscript blocks data = data.replace(/<noscript[^>]*>[\S\s]*?<\/noscript>/g,''); // no script blocks data = data.replace(/<script[^>]*>[\S\s]*?<\/script>/g,''); // no self closing scripts data = data.replace(/<script.*\/>/,''); // [... add as needed ...] return data; } });
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17