jquery中调用ajax用jsonp方法可以成功解决跨域问题
在第一个域名的页面肯定包含一个远程的JS
<script type="text/javascript" src="http://check.js"></script>
第二个域名中的check.js
function getcode(){
$.ajax({
type : 'POST',
url : 'http:sendcode.php',//这里一定要用绝对路径
dataType : 'jsonp', //数据类型为jsonp
success: function(data){
alert(data.data);
}
});
}
sendcode.php
<!--?php
//简单用用例子说下如何对返回值进行处理
if(true){
//符合条件,某个方法获取到激活码$code = "KSGGOOD";
$code = "KSGGOOD";
exit($_POST['callback'] .'('.json_encode(array('status'=-->2, 'data'=>"您获取的激活码为:" . $code)).')');
} else {
exit($_GET['callback'] .'('.json_encode(array('status'=>2, 'data'=>'请先快速注册!')).')');
}
注:1 返回的数据一定要为json格式
当然jquery也提供了JSON数据的跨域问题的解决方法,当然我的理解还是比较浅显的,这里(http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/#json_jsonp)有比较详细的解释。有兴趣的同学可以看下。
分享到:
相关推荐
JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`<script>`标签没有同源策略限制的特点。当jQuery使用`dataType: 'jsonp'`时,它实际上是在做以下几...
总结起来,解决jQuery跨域问题主要包含两方面内容:第一是理解跨域问题及其背后的同源策略;第二是掌握通过JSONP实现跨域请求的具体步骤和注意事项。通过上述方法,前端开发人员可以较为轻松地从不同域的服务器上...
jQuery跨域问题主要涉及到以下几种情况: 1. JSONP(JSON with Padding):JSONP是一种绕过同源策略的方法,通过动态插入`<script>`标签来请求数据。jQuery的`$.ajax()`或`$.getScript()`函数支持JSONP。当设置`...
### Jquery跨域Json请求处理详解 #### 一、跨域问题概述 在现代Web开发中,跨域问题是一个常见的技术挑战。简单来说,当一个网页尝试从不同的源(源可以理解为协议、域名或者端口号)加载资源时,就会遇到跨域限制...
总结来说,"jquery跨域获取json"是一个关于JavaScript编程和jQuery库如何通过JSONP技术解决跨域获取数据的问题。在实际开发中,了解并掌握这一技术对前端开发者尤其重要,因为很多API和数据服务都是部署在不同的域名...
2. **JSONP(JSON with Padding)**:JSONP是一种早期解决跨域问题的方法,它依赖于`<script>`标签不受同源策略限制的特性。服务器返回一段JavaScript代码,这个代码通常是一个函数调用,带有要传递的数据作为参数。...
这里的"Ajax + jQuery跨域获取JSON"是一个典型的Web开发技术应用场景,主要用于解决Web应用程序中不同源之间的数据共享问题。在本案例中,开发者成功地实现了跨域请求以获取JSON数据,并将这些数据用于展示天气预报...
在解决跨域问题时,我们可以利用jQuery的`jsonp`模式。JSONP(JSON with Padding)是一种绕过同源策略的方法,它利用`<script>`标签可以跨域加载脚本的特性。 在描述中提到的"jquery ajax json 跨域不解释,代码很...
CORS是一种更现代且安全的跨域解决方案,它通过设置HTTP头信息来允许浏览器与服务器之间进行跨域通信。在服务器端,我们需要设置`Access-Control-Allow-Origin`头部,允许特定或所有源的请求。在jQuery的AJAX请求中...
标题提到的"用YQL和Jquery实现的跨域html页面截取"是一个解决方案,它利用了Yahoo Query Language(YQL)和jQuery库来解决这个问题。下面我们将详细探讨这些知识点。 首先,让我们了解什么是跨域。在Web开发中,...
在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许...虽然有一些限制,但在许多场景下,JSONP仍然是一个实用的跨域解决方案。
在现代Web开发中,跨域问题是一个常见的挑战,尤其是在涉及不同源的服务交互时。本文将详细解释如何利用jQuery通过JSONP(JSON with Padding)的方式实现跨域调用WebService。 #### 1. JSONP 的基本原理 JSONP 是...
2. **JQuery跨域**: - 跨域是浏览器的一项安全策略,限制了JavaScript脚本只能访问同一源下的资源。JQuery提供了解决跨域问题的方法,如JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing)。 - ...
**Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin ...在实际开发中,开发者应根据项目需求和浏览器兼容性选择合适的跨域解决方案。
2. **CORS**:CORS是现代浏览器支持的一种标准跨域解决方案。服务端需要在响应头中添加`Access-Control-Allow-Origin`字段,指定允许哪些源进行跨域请求。JQuery的$.ajax()函数可以通过设置xhrFields参数启用CORS。 ...
但为了实现某些功能,如Ajax数据交互,开发者需要找到合法的跨域解决方案。 jQuery中的`$.ajax()`方法是进行跨域请求的主要工具。要开启跨域,需要设置`xhrFields`选项中的`withCredentials`属性为`true`,并设置`...
本文将详细探讨如何解决UEditor在前后端分离项目中上传图片的跨域问题。 首先,跨域是浏览器的一个安全机制,限制了JavaScript脚本只能访问同源(协议、域名、端口相同)的资源。然而,在前后端分离的项目中,编辑...
综上所述,`jQuery File Upload` 是一个强大且灵活的文件上传解决方案,尤其适用于需要跨域上传和多文件处理的Web应用。通过理解并充分利用其特性,开发者可以构建出高效、用户体验良好的上传功能。在实际使用过程中...
### ASP.NET配合jQuery解决跨域调用的问题 #### 跨域问题概述 在现代Web开发中,跨域问题是一个常见的安全限制机制。浏览器为了保护用户的隐私数据,实施了同源策略(Same-origin policy)。该政策规定,来自不...