首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

ajax跨域解决办法

2012-09-05 
ajax跨域解决方法跨域POST(function($){window.isIE6$.browser.msie && jQuery.browser.version6.0jQu

ajax跨域解决方法
跨域POST

(function($){window.isIE6=$.browser.msie && jQuery.browser.version==6.0;jQuery.extend({ajaxFormNums:0,ajaxFormPost:function(sURL, datas, callBack,domains){/*[sURL=提交地址, datas=要提交的数据对像, callBack=回调,domain=域]*/domains=domains||'51.com';var on='TEMP_POST_'+$.ajaxFormNums;var of=[];of.push('<div id="'+on+'_DIV" style="position:absolute;z-index:10;top:-20000100px;"><iframe id="'+on+'_IFRAME" name="'+on+'_IFRAME" height="1" width="1" src="http://friend.51.com/ajax_blank.php?d='+encodeURIComponent(domains)+'" frameborder="0" border="0" scrolling="no"></iframe><form id="'+on+'_FORM" name="'+on+'_FORM" method="post" action="'+sURL+'" target="'+on+'_IFRAME">');$.each(datas,function(i,n){of.push('<textarea name="'+i+'" style="width:1px;height:1px;">'+n+'</textarea>');});of.push('<input type="submit" value="Submit" name="b1" style="width:1px;height:1px;" /></form></div>');$(document.body).append(of.join(''))//.insertAdjacentHTML("beforeEnd", of.join(''));//document.body.insertAdjacentHTML("beforeEnd", of.join(''));of=null;$('#'+on+'_IFRAME').bind('load',function(){if(!$(this).attr('summary')){$(this).attr('summary',1);$('#'+on+'_FORM').submit();return false;}if(isIE6){if($.isFunction(callBack)){callBack(window.name);}else{eval(callBack+'(window.name)');}}else{var oIf= this.id;if($.isFunction(callBack)){if(navigator.userAgent.toLowerCase().indexOf('se 2.x')>-1){callBack(frames[oIf].document.body.innerText);}else{callBack(frames[oIf].document.body.innerHTML);}}else{eval(callBack+'(frames[oIf].document.body.innerHTML)');}}window.setTimeout(function(){$('#'+on+'_DIV').remove();},1);});$.ajaxFormNums++;}});})(jQuery);


调用方式:
$.ajaxFormPost('http://localhost/api.php?act=say', {cont:cont}, function(data){alert(data);});


在网站根目录建个文件ajax_blank.php
内容为:
<html><head><title>51.com</title><script type="text/javascript">document.domain="51.com";</script></head><body></body></html>

并且在调用的页面加js:
document.domain='51.com';

php部分
$result=-1;echo "<script>if(!/msie 6/i.test(navigator.userAgent)){document.domain='51.com';}else{parent.name='$result';}</script>$result";

跨域GET
$.getJSON("http://localhost/api.php?callback=?",{receiver:receiver},function(data){alert(data.info);})

php处理部分:
$ret['info'] = iconv("GBK", "UTF-8", "不存在该用户");$result = json_encode($ret);echo request_check($_GET['callback']).'('.$result.')';$_GET['callback']需处理一下,防止rss攻击function request_check($post){        if(!get_magic_quotes_gpc())    // 判断magic_quotes_gpc是否为打开        {        $post = addslashes($post);    // 进行magic_quotes_gpc没有打开的情况对提交数据的过滤        }        //$post = str_replace("_", "\_", $post);    // 把 '_'过滤掉        //$post = str_replace("%", "\%", $post);    // 把' % '过滤掉        $post = nl2br($post);    // 回车转换        $post= htmlspecialchars($post, ENT_QUOTES);    // html标记转换           return $post;}

ie6下jsonp返回不执行的解决办法
在php返回头部加  
header('cache-control:no-cache;');header('Content-Encoding: plain');

另外在js触发按钮加return false;解决ie6下的ajax中断问题
ajax提交的数据都是utf8格式的,php一般用iconv("utf-8", "gbk//IGNORE", $str)或mb_convert_encoding($value, 'gbk', 'utf-8')进行转换,而当遇到带有火星文字时,如:?叮叮当..叮叮当..Merry Christmas!?,前者会去掉特殊字符,后者特殊字符会变成问号,所以采用ajaxFormPost提交方式就不需要进行编码转换

热点排行