`
alfred_long
  • 浏览: 566775 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

juqery跨域问题解决

阅读更多

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跨域访问解决方案

    JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`&lt;script&gt;`标签没有同源策略限制的特点。当jQuery使用`dataType: 'jsonp'`时,它实际上是在做以下几...

    jQuery跨域问题解决方案

    总结起来,解决jQuery跨域问题主要包含两方面内容:第一是理解跨域问题及其背后的同源策略;第二是掌握通过JSONP实现跨域请求的具体步骤和注意事项。通过上述方法,前端开发人员可以较为轻松地从不同域的服务器上...

    jQuery跨域问题

    jQuery跨域问题主要涉及到以下几种情况: 1. JSONP(JSON with Padding):JSONP是一种绕过同源策略的方法,通过动态插入`&lt;script&gt;`标签来请求数据。jQuery的`$.ajax()`或`$.getScript()`函数支持JSONP。当设置`...

    Jquery跨域Json请求处理

    ### Jquery跨域Json请求处理详解 #### 一、跨域问题概述 在现代Web开发中,跨域问题是一个常见的技术挑战。简单来说,当一个网页尝试从不同的源(源可以理解为协议、域名或者端口号)加载资源时,就会遇到跨域限制...

    jquery跨域获取json

    总结来说,"jquery跨域获取json"是一个关于JavaScript编程和jQuery库如何通过JSONP技术解决跨域获取数据的问题。在实际开发中,了解并掌握这一技术对前端开发者尤其重要,因为很多API和数据服务都是部署在不同的域名...

    javascript/jquery 跨域访问

    2. **JSONP(JSON with Padding)**:JSONP是一种早期解决跨域问题的方法,它依赖于`&lt;script&gt;`标签不受同源策略限制的特性。服务器返回一段JavaScript代码,这个代码通常是一个函数调用,带有要传递的数据作为参数。...

    Ajax +jquery跨域获取JSON

    这里的"Ajax + jQuery跨域获取JSON"是一个典型的Web开发技术应用场景,主要用于解决Web应用程序中不同源之间的数据共享问题。在本案例中,开发者成功地实现了跨域请求以获取JSON数据,并将这些数据用于展示天气预报...

    jquery ajax跨域html前台 php后台

    在解决跨域问题时,我们可以利用jQuery的`jsonp`模式。JSONP(JSON with Padding)是一种绕过同源策略的方法,它利用`&lt;script&gt;`标签可以跨域加载脚本的特性。 在描述中提到的"jquery ajax json 跨域不解释,代码很...

    Jquery跨域请求的实现

    CORS是一种更现代且安全的跨域解决方案,它通过设置HTTP头信息来允许浏览器与服务器之间进行跨域通信。在服务器端,我们需要设置`Access-Control-Allow-Origin`头部,允许特定或所有源的请求。在jQuery的AJAX请求中...

    用YQL和Jquery实现的跨域html页面截取

    标题提到的"用YQL和Jquery实现的跨域html页面截取"是一个解决方案,它利用了Yahoo Query Language(YQL)和jQuery库来解决这个问题。下面我们将详细探讨这些知识点。 首先,让我们了解什么是跨域。在Web开发中,...

    jquery下利用jsonp跨域访问实现方法

    在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许...虽然有一些限制,但在许多场景下,JSONP仍然是一个实用的跨域解决方案。

    jquery跨域调用webservice

    在现代Web开发中,跨域问题是一个常见的挑战,尤其是在涉及不同源的服务交互时。本文将详细解释如何利用jQuery通过JSONP(JSON with Padding)的方式实现跨域调用WebService。 #### 1. JSONP 的基本原理 JSONP 是...

    JAVA调用外接设备(制卡机)---JQuery跨域

    2. **JQuery跨域**: - 跨域是浏览器的一项安全策略,限制了JavaScript脚本只能访问同一源下的资源。JQuery提供了解决跨域问题的方法,如JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing)。 - ...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin ...在实际开发中,开发者应根据项目需求和浏览器兼容性选择合适的跨域解决方案。

    jquery跨域调用wcf

    2. **CORS**:CORS是现代浏览器支持的一种标准跨域解决方案。服务端需要在响应头中添加`Access-Control-Allow-Origin`字段,指定允许哪些源进行跨域请求。JQuery的$.ajax()函数可以通过设置xhrFields参数启用CORS。 ...

    jQuery跨域请求,获取返回值

    但为了实现某些功能,如Ajax数据交互,开发者需要找到合法的跨域解决方案。 jQuery中的`$.ajax()`方法是进行跨域请求的主要工具。要开启跨域,需要设置`xhrFields`选项中的`withCredentials`属性为`true`,并设置`...

    真正解决百度编辑器UEditor上传图片跨域问题.docx

    本文将详细探讨如何解决UEditor在前后端分离项目中上传图片的跨域问题。 首先,跨域是浏览器的一个安全机制,限制了JavaScript脚本只能访问同源(协议、域名、端口相同)的资源。然而,在前后端分离的项目中,编辑...

    jQuery File Upload 可跨域的多图片上传

    综上所述,`jQuery File Upload` 是一个强大且灵活的文件上传解决方案,尤其适用于需要跨域上传和多文件处理的Web应用。通过理解并充分利用其特性,开发者可以构建出高效、用户体验良好的上传功能。在实际使用过程中...

    ASP.NET配合jQuery解决跨域调用的问题.txt

    ### ASP.NET配合jQuery解决跨域调用的问题 #### 跨域问题概述 在现代Web开发中,跨域问题是一个常见的安全限制机制。浏览器为了保护用户的隐私数据,实施了同源策略(Same-origin policy)。该政策规定,来自不...

Global site tag (gtag.js) - Google Analytics