ajax跨域解决方法

最新推荐文章于 2024-05-09 15:15:12 发布

applegarden

最新推荐文章于 2024-05-09 15:15:12 发布

阅读量96

点赞数

分类专栏：前端开发文章标签： javascript php ViewUI

本文链接：https://blog.csdn.net/applegarden/article/details/84118079

版权

前端开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

跨域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');

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

applegarden

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax跨域解决方法

跨域POST[code="java"](function($){ window.isIE6=$.browser.msie && jQuery.browser.version==6.0; jQuery.extend({ ajaxFormNums:0, ajaxFormPost:function(sURL, datas, callBack,domains){/*[sURL=提交...
复制链接

扫一扫