`

JSONP一例

阅读更多
Html代码  收藏代码
  1. $.ajax({  
  2.                 type : "get",  
  3.                 async : false,  
  4.                 url : "http://ip:port?callback=?",  
  5.                 dataType : "jsonp",  
  6.                 jsonp : "callback", //传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)  
  7.                 jsonpCallback : "handler", //自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据  
  8.                 success : function(json) {  
  9.                     alert('查询的信息: ' + json);  
  10.                 },  
  11.                 error : function() {  
  12.                     alert('fail');  
  13.                 }  
  14.             });  



Java代码  收藏代码
  1. return  request.getParameter("callback") + "(" + string + ")"// str 可以为json数据  



如果为resteasy之类的,直接使用参数替换即可: 

Java代码  收藏代码
  1. @GET  
  2. @PATH("/{callback}")  
  3. @Produces({MediaType.APPLICATION_JSON})  
  4. String method(@PathParam("callback") callback){  
  5.      ......// 省略  
  6.      return  callback + "(" + string + ")"// 如果为自定义,这里callback=handler,如果为jQuery默认,则为随机jsonp1356493334400之类的数据  
  7. }  

 

本文来源于:http://redsky008.iteye.com/blog/1754328

分享到:
评论

相关推荐

    jsonp示例2则

    总的来说,JSONP是一个简单且实用的跨域解决方案,尤其适用于需要从一个源向另一个源请求数据的场景。然而,随着现代浏览器对CORS(Cross-Origin Resource Sharing)的支持,JSONP的重要性已经逐渐降低,CORS提供了...

    jsonp跨域解决源代码

    在本例中,我们将探讨如何通过JSONP来解决JavaScript的跨域问题,以及PHP作为服务器端语言如何配合JSONP工作。 一、理解JSONP 1. 同源策略:浏览器默认实施的一种安全策略,只允许JavaScript访问与当前页面同源...

    利用jsonp实现百度搜索

    在本例中,我们将探讨如何利用JSONP实现一个简单的百度搜索功能。 首先,让我们了解JSONP的工作原理。当浏览器向其他域名发送AJAX请求时,由于同源策略的限制,会受到阻止。但`<script>`标签没有这个限制,因此我们...

    jsonp 调用百度实现自动补全

    总的来说,JSONP是一种解决跨域问题的有效方式,特别适用于需要从不同源获取数据的场景,如本例中的百度搜索自动补全功能。尽管现代Web开发有CORS(跨源资源共享)等其他解决方案,但JSONP因其简单和广泛支持,仍然...

    JSONP之我见

    JavaScript初学,一点自己的理解,有不当之处请大家指正~ JSONP: ... 跨域问题: 外部服务器的数据只能...1, 查看Web服务文档,明确服务实际使用的参数名(本例只有一个参数即一个对象数组); 2, 在url中指定一个回调

    使用jsonp实现跨域获取数据实例讲解

    JSONP(JSON with Padding)是一种跨域数据传输的方法,它允许来自不同源(域名、协议或端口)的web页面相互通信,从而绕开浏览器同源策略的限制。JSONP的核心在于script标签不受同源策略限制,可以跨域请求数据。 ...

    浅谈JQuery+ajax+jsonp 跨域访问

    在本例中,服务器端接收到jsonpCallback参数后,会将返回的JSON数据以"jsonpCallback(dataJSON)"的形式返回,其中dataJSON是服务器端拼装的JSON数据字符串。客户端接收到这个响应后,会自动执行这个回调函数,并将...

    jsonp跨域请求实现示例

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`<script>`标签不受同源策略限制的特性,允许网页从其他域名获取数据。在JavaScript中,由于浏览器的安全策略,通常不允许从一个域名下的网页向另一个...

    使用原生js封装的ajax实例(兼容jsonp)

    同时,我们需要定义一个全局函数(在本例中为`wangxiao`),用于处理服务器返回的数据。当JSONP响应到达时,这个函数会被调用,从而将数据传递给`success`回调,最后删除添加的`<script>`元素。 JSONP的工作原理是...

    CH2.Ajax 框架 支持加密(Base64/DES)和跨域(Jsonp)

    CH2.Ajax 框架 支持简单加密(Base64/DES)和跨域(Jsonp) 如何以最快捷的方式直接调用服务器方法? 场景: 比如,服务器已有如下方法: namespace CH2 { class BLL{ User Login(string name,string ...

    滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨

    本例的数据调用的是锋利的jquery一书提供的一段json。 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码: $(window).scrollTop()+$(window).height...

    JSONP原理及应用实例详解

    以`.ajax()`为例,设置`dataType`为'jsonp',并提供一个`callback`参数,jQuery会自动处理回调函数的生成和调用。 以下是一个简单的jQuery JSONP请求示例: ```javascript $.ajax({ url: '...

    基于vue-resource jsonp跨域问题的解决方法

    最近在学习vue.js 碰到个ajax跨域请求的问题,之前知道...这里我以json数据为例,首先我们通过 $.get可以直接得到一个我们想要的对象,但是用 jsonp 就会出现报错代码如下, $.ajax({ url:"http://192.168.8.59/wei

    asp.net+jquery Jsonp使用方法

    Jsonp(JSON with Padding)是一种通过动态创建script标签跨域请求数据的技术。其原理是将JSON数据放入一个函数调用中,由于script标签不受同源策略限制,故可以实现跨域数据请求。但是它存在一定的安全风险,比如...

    Vue2.0 vue-source jsonp 跨域请求

    在本例中,我们将讨论如何使用Vue2.0、vue-resource库以及JSONP技术来实现跨域请求。 首先,让我们了解什么是跨域。跨域是浏览器的一种安全策略,限制了JavaScript只能从同一源(协议+域名+端口)加载资源。但有时...

    jsonp跨域获取百度联想词的方法分析

    在Web开发中,由于浏览器的安全策略,通常JavaScript只能访问同源(协议、域名、端口相同)的资源,但JSONP提供了一种绕过这一限制的方法,尤其适用于向其他域名的服务请求数据,如在本例中获取百度的搜索联想词。...

    利用jsonp跨域调用百度js实现搜索框智能提示

    我们以百度的搜索框智能提示为例,通过查看请求参数和响应,可以发现百度智能提示接口支持JSONP调用。在进行JSONP请求时,我们通常需要准备一些参数,如搜索关键字(wd)、回调函数名称(cb)、时间戳(t)等。其中...

    利用jsonp与代理服务器方案解决跨域问题

    以豆瓣的公开API(https://api.douban.com/v2/book/1220562)为例,当前我的服务器处于http://127.0.0.1:5000下,豆瓣的服务器很显然跟我的服务器不同源,服务器中的一个页面通过AJAX请求该接口时,浏览器会发出如下...

Global site tag (gtag.js) - Google Analytics