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

用jQuery的getJSON方法实现跨域

阅读更多
在jQuery 1.2及以后的版本中可以用$.getJSON()来实现跨域访问,手册中说是应用了一种叫做JSONP的技术,不过现在还没有搞明白到底是个什么东西,先用上再说。

jQuery.getJSON(url, [data], [callback]);

url:发送请求地址。
data:可选发送的参数,key/value 对。
callback:可选载入成功时的回调函数。

要使用JSONP的形式可以在请求地址后加上形如“callback=?”的参数,jQuery会自动替换 ? 为正确的函数名,以执行回调函数。


手册上的例子

$.getJSON("http://api.flickr.com/services/feeds/
        photos_public.gne?tags=cat&tagmode=any
       &format=json&jsoncallback=?", function(data){
        $.each(data.items, function(i, items){
              $("<img/>").attr("src", item.media.m).appendTo("#images");
              if(i == 3) return false;
       });
});

有一点要注意的是,在服务器端处理的时候,需要获取JSONP使用的参数,输出的时候要用。

$callback = $_GET['callback'];
$t = $_GET['t'];
echo $callback . "({webname:'$t'})"; //注意这里
分享到:
评论

相关推荐

    getJSON解决 跨域问题例子

    本例中的“getJSON”很可能指的是jQuery库中的getJSON方法,它支持JSONP机制来实现跨域数据获取。 JSONP的工作原理是利用`&lt;script&gt;`标签不受同源策略限制的特点,通过动态创建`&lt;script&gt;`元素并设置其src属性为...

    用JQuery里的getJSON函数进行跨域远程调用

    这是一个前端后端通过JQuery的getJSON函数交互json数据的例子。 前端网页是front.html,后端处理的模块是back.jsp 把back.jsp、front.html及jquery-1.8.3.min.js部署在Tomcat的webapps的ROOT下,通过在浏览器输入...

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    本篇将详细介绍如何解决jQuery跨域问题,涉及的方法包括$.get、$.post和$.getJSON等。 首先,我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制,它规定JavaScript只能访问与当前页面同源(协议...

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

    jQuery提供了`.ajax()`和`.getJSON()`两个方法来实现JSONP。下面将详细解释这两个方法以及JSONP的工作原理。 1. **jQuery的`.ajax()`方法:** 在提供的代码示例中,`$.ajax()`方法用于发起一个跨域GET请求。设置`...

    jquery $.getJSON()跨域请求

    ### jQuery $.getJSON() 跨域请求知识点总结 #### 跨域请求基础 在Web开发中,跨域请求是一个非常常见的问题,它的本质是浏览器的同源策略。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源...

    Jquery getJson

    在本文中,我们将深入探讨`jQuery.getJSON`的工作原理、使用方法以及如何结合PHP进行数据交换。 ### 1. `jQuery.getJSON` 概述 `jQuery.getJSON`是jQuery AJAX方法的一种,专门用于从指定URL获取JSON格式的数据。...

    Jquery跨域Json请求处理

    本文主要讨论的是通过JQuery实现跨域请求JSON数据的方式——JSONP。 #### 三、JSONP原理及使用 **JSONP**是一种绕过同源策略的技术,它利用了`&lt;script&gt;`标签不受同源策略限制的特点。当使用JSONP进行跨域请求时,...

    jquery的ajax和getJson跨域.docx

    本文将详细讨论如何使用 jQuery 的 AJAX 和 `getJSON` 实现跨域访问。 首先,了解跨域的基本概念。跨域是指一个源(协议+域名+端口)下的文档或脚本尝试请求另一个源的资源时,浏览器会实施同源策略,阻止这种行为...

    利用JQuery jsonp实现Ajax跨域请求json数据

    在jQuery中,我们可以使用`.ajax()`或`.getJSON()`方法,加上`jsonp`类型和`callback`参数来发起JSONP请求。例如: ```javascript $.ajax({ url: 'http://example.com/data', type: 'GET', dataType: 'jsonp', ...

    jquery的ajax和getJson跨域获取json数据的实现方法

    本文主要介绍两种在使用jQuery进行跨域获取json数据时的实现方法,即通过jQuery的ajax和getJson方法配合JSONP(JSON with Padding)技术来实现跨域数据的获取。 首先,关于jQuery的ajax和getJson方法。ajax是...

    php jq jquery getJSON跨域提交数据完整版

    JSONP(JSON with Padding)是解决这一问题的传统方法之一,而jQuery的getJSON方法在实现跨域请求时,也会采用类似JSONP的方式。 首先,我们来看一下JSONP的基本概念。JSONP是一种利用`&lt;script&gt;`标签可以跨域请求...

    jquery ajax结合thinkphp的getjson实现跨域的方法

    本文实例讲述了jquery ajax结合thinkphp的getjson实现跨域的方法。分享给大家供大家参考,具体如下: jquery中post的应该是不能跨域,网上说get的可以跨域,但是我试了一下也不行,然后就进行最后的拼搏getjson,结果...

    jQuery使用getJSON方法获取json数据完整示例

    本知识点将详细介绍如何使用jQuery的getJSON方法,以及相关的技巧和完整示例。 首先,我们需要了解什么是JSON。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...

    JQuery getJSON() 调用Servlet简单例子

    `getJSON()`是jQuery提供的一个便捷方法,用于通过Ajax请求获取JSON格式的数据。在这个例子中,我们将深入探讨如何使用jQuery的`getJSON()`函数与Servlet进行交互。 首先,我们来看`getJSON()`的基本用法。`getJSON...

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

    总之,jQuery通过`$.getJSON()`和JSONP机制为开发者提供了一种简单的方式来实现跨域数据请求,使得在前后端分离的架构中,前端可以轻松地获取和处理来自其他域的数据。虽然有一些限制,但在许多场景下,JSONP仍然是...

    jquery跨域获取json

    在jQuery中,我们可以使用`$.ajax()`或`$.getJSON()`方法。当设置`dataType`为'jsonp'时,jQuery会自动处理JSONP请求。JSONP是一种绕过同源策略的方法,它通过在目标服务器上返回一个JavaScript函数调用,将数据作为...

    JqueryJson

    jQuery的`$.getJSON()`函数可以轻松实现JSONP请求,只需提供一个回调函数名,jQuery会自动生成动态脚本标签并注入到页面中,从而实现跨域数据获取。 3. **序列化与反序列化**: jQuery的`$.param()`方法可以将...

    jQuery使用JSONP实现跨域获取数据的三种方法详解

    本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考,具体如下: 第一种方法是在ajax函数中设置dataType为’jsonp’ $.ajax({ dataType: 'jsonp', url: '...

Global site tag (gtag.js) - Google Analytics