`
chenjian_791
  • 浏览: 20689 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

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提交方式就不需要进行编码转换
分享到:
评论

相关推荐

    ajax跨域解决办法

    【AJAX跨域解决办法】 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下更新部分网页的技术。然而,由于浏览器的同源策略限制,AJAX请求通常只能发送到与当前页面同一源的...

    Ajax跨域访问解决方案

    JSONP是一种早期的跨域解决方案,它是通过动态创建`&lt;script&gt;`标签来加载数据的。因为`&lt;script&gt;`标签不受同源策略限制,可以通过`src`属性指向提供JSON数据的外部服务。服务端返回的数据是一个JavaScript函数调用,...

    Javascript跨域和Ajax跨域解决方案

    针对JavaScript跨域,有以下几种常见的解决方法: 1. JSONP(JSON with Padding):JSONP是一种绕过同源策略的方法,它利用`&lt;script&gt;`标签可以跨域加载脚本的特性。通过动态创建`&lt;script&gt;`标签,并设置其`src`属性...

    jquery ajax跨域解决方法(json方式)

    本文将针对jquery ajax跨域解决方法进行详细介绍,特别是以JSON方式处理跨域请求。 ### 跨域问题基础 在理解jquery如何处理跨域问题之前,需要明白什么是跨域问题。跨域问题是指当一个Web页面尝试访问另一个域的...

    Ajax跨域问题及其解决方案.docx

    这是目前最常用的跨域解决方案之一,主要通过在服务端添加CORS(Cross-Origin Resource Sharing)配置来实现。 - **服务端配置示例**(Java): ```java @Configuration public class CorsConfig implements ...

    IE8、IE9 Ajax 跨域解决办法

    解决ie8、9Ajax跨域问题(前端):jsp引入此js,Jquery Ajax正常写

    解决ajax跨域问题

    为了解决AJAX跨域问题,开发者可以采用以下几种策略: 1. JSONP(JSON with Padding) JSONP是一种绕过同源策略的方法,它利用了`&lt;script&gt;`标签不受同源策略限制的特点。JSONP的工作原理是服务器提供一个可被调用的...

    解决ajax跨域请求问题

    解决Ajax跨域问题有多种方法: 1. JSONP(JSON with Padding):JSONP是一种利用动态插入`&lt;script&gt;`标签来绕过同源策略的方法。服务器返回一个JavaScript函数调用,带有请求的数据作为参数。例如,服务器返回`...

    demo跨域ajax_DEMO_ajax跨域_

    本示例“demo跨域ajax_DEMO_ajax跨域”着重解决C#后端与JavaScript前端之间的跨域限制。这里我们将深入探讨什么是跨域、为何会产生跨域问题以及如何通过C#和Ajax实现跨域通信。 首先,我们需要了解什么是跨域。根据...

    cors技术解决ajax跨域

    **CORS技术详解:解决AJAX跨域问题** 在Web开发中,由于浏览器的同源策略限制,AJAX请求只能向同一源(协议+域名+端口)发送,这在跨域请求时会遇到障碍。为了解决这个问题,CORS(Cross-Origin Resource Sharing,...

    ajax跨域问题的解决办法

    解决ajax跨域问题有多种方法,以下是几种常见的解决方案: 1. 使用中间层过渡的方式 这种方法是通过在ajax请求和不同域的服务器之间加一层中间层来解决跨域问题。中间层可以是php、jsp、c++等任何具备网络通讯功能...

    Ajax跨域详解与代码

    - `详解地址.txt`:详细的Ajax跨域解决方案的文本说明。 - `ajaxclient1`:一个简单的Ajax客户端示例,可能使用JavaScript或jQuery实现,用于发起跨域请求。 - `ajaxserver1`:一个服务端示例,可能是Java应用,展示...

    Spring Boot Redis Session 共享(Ajax 跨域)

    本教程将详细讲解如何在Spring Boot项目中利用Redis来存储和共享Session,并解决Ajax跨域问题。 首先,我们需要理解Spring Boot中的Session管理。默认情况下,Spring Boot使用内存中的HttpSession来存储用户会话...

    js跨域解决方案

    1. **JSONP(JSON with Padding)**:JSONP是一种早期的跨域解决方案,它依赖于`&lt;script&gt;`标签不受同源策略限制的特点。通过动态创建`&lt;script&gt;`标签,设置其`src`属性为提供服务的服务器接口,并由服务器返回一个包裹...

    Ajax跨域问题 解决方案

    ### Ajax跨域问题解决方案 #### 一、什么是Ajax跨域 **原理:** Ajax跨域问题的核心在于浏览器的“同源策略”。同源策略是一种安全措施...通过上述方法,我们可以有效地解决Ajax跨域问题,使得跨域请求能够顺利进行。

    关于ajax跨域问题的几种常见解决方案,附代码。

    什么是跨域,跨域出现的场景,模拟跨域,springmvc下解决跨域,springboot下解决跨域。绝对原创。

    Ajax跨域提交

    每种方法都有其适用场景和优缺点,开发者需要根据实际需求选择合适的跨域解决方案。在进行Ajax跨域提交时,需要注意处理可能出现的安全问题,比如XSS(Cross-Site Scripting)和CSRF(Cross-Site Request Forgery)攻击...

    IE7 Ajax跨域问题

    至于压缩包中的文件名称 "《斯坦福大学开放课程:编程方法》Programming Methodology.Lecture01 -YYeTs人人影视教程组" ,这看起来是一个教育视频资源,可能包含了关于编程基础的讲解,但与Ajax跨域问题的主题无关。...

Global site tag (gtag.js) - Google Analytics