`

结合 JSONP 和 jQuery 快速构建强大的 mashup

 
阅读更多

http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/

 

清单 7. 用 Java servlet 实现的 JSONP 服务

 

@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) 
  throws ServletException, IOException {
	String jsonData = getDataAsJson(req.getParameter("symbol"));
	String output = req.getParameter("callback") + "(" + jsonData + ");";

	resp.setContentType("text/javascript");
          
	PrintWriter out = resp.getWriter();
	out.println(output);
	// prints: jsonp1232617941775({"symbol" : "IBM", "price" : "91.42"});
}

 

分享到:
评论

相关推荐

    JSON和JSONP(含jQuery实例)

    易于人阅读和编写,同时也易于机器解析和生成。 JSON的结构基于两种基本的数据类型:对象和数组。对象由键值对组成,用花括号 `{}` 包裹,键与值之间用冒号 `:` 分隔,不同的键值对之间用逗号 `,` 分隔。数组是一...

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

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

    jquery-jsonp:jquery jsonp 插件

    jQuery-JSONP jQuery-JSONP 是 jQuery 的 JSONP 实现的一个紧凑(1.8kB 缩小)但功能丰富的替代解决方案。 许可 ... 例如,从 2.3.0 版本开始,$.jsonp() 在与 jQuery 1.5+ 结合使用时会返回一个 prom

    什么是json和jsonp,jQuery json实例详详细说明

    jQuery库提供了方便的JSONP实现,通过`.ajax()`或`.getScript()`方法,只需指定`dataType: 'jsonp'`,jQuery会自动处理JSONP请求的细节。 以下是一个简单的jQuery JSONP示例: ```javascript $.ajax({ url: ...

    Ajax结合Jsonp实例

    总结起来,Ajax与Jsonp的结合使用能够让我们在Jquery中轻松地实现跨域数据交互,从而提升Web应用的功能性和用户体验。在实际开发中,需要注意处理可能出现的错误情况,以及合理设计API接口的调用,以保证应用的稳定...

    jquery.jsonp插件

    ajax跨域请求,jquery.jsonp插件

    jquery-jsonp.js

     7、为了便于客户端使用数据,逐渐形成了一种非正式传输协议,人们把它称作JSONP,该协议的一个要点就是允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON...

    jquery-jsonp

    jquery-jsonp插件

    jquery-jsonp-master.zip_jsonp

    总结来说,jQuery的JSONP功能是一个强大的工具,它允许我们在单页面应用中轻松地从其他域名获取数据。`jquery-jsonp-master.zip`提供了一个完整的实现和学习资源,对于想要深入理解和使用JSONP的开发者来说,这是一...

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

    通过在客户端设置`dataType: 'jsonp'`和`jsonp: 'callback'`,然后在服务器端根据请求的回调函数参数构建响应,我们可以实现Ajax跨域获取JSON数据。无论是在.Net的`.handler`还是WebService中,这一过程都是相似的,...

    ajax 跨域请求问题 jquery jsonp

    当`dataType`参数设置为"jsonp"时,jQuery会自动处理JSONP的请求和响应。 1. **请求构建:** - jQuery会在URL中添加一个名为`callback`的查询参数,其值为一个随机生成的函数名(如`_jQuery234580729`)。 - 创建...

    JSONP实现Jquery

    NULL 博文链接:https://wangchengyong.iteye.com/blog/1460101

    jquery-jsonp-master.zip

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`<script>`标签不受同源策略限制的特性,允许网页从其他域名获取数据。...在实际开发中,结合jQuery的其他功能,可以构建出强大的Web应用。

    jQuery+JSONP+artDialog 实现虾米音乐的检索、选取和播放

    总结来说,这个项目展示了如何结合jQuery进行DOM操作和Ajax请求,使用JSONP解决跨域问题,以及利用artDialog增强用户体验。对于开发者来说,理解并掌握这些技术对于构建交互式的Web应用至关重要。在实际开发中,你...

    Jquery与ajax用JSONP方式获取新浪短网址

    在本案例中,我们将探讨如何使用Jquery和ajax通过JSONP方式来调用新浪的API,将长网址转换为新浪的短网址。 首先,我们需要了解JSONP的工作原理。JSONP的基本思路是服务器提供一个JavaScript函数,这个函数接收JSON...

    Jsonp和java操作

    5. **JavaScript和jQuery实现JSONP示例** 在JavaScript中,可以直接创建`<script>`标签并设置`src`属性。例如: ```javascript function jsonpCallback(result) { alert(result[1].name); } ...

    jQuery中JSONP的两种实现方式详解

    总之,JSONP是jQuery中用于实现跨域数据交互的一种重要技术,通过指定特定的回调函数和数据格式,能够在JavaScript中获取并处理来自不同源的数据。理解并掌握这两种实现方式,对于进行前端开发时处理跨域问题具有...

    jsonp原理.txt

    jQuery通过其强大的封装简化了JSONP的使用过程。当设置`dataType: 'jsonp'`时,jQuery内部自动完成了上述步骤。 1. **生成回调函数**:jQuery自动生成一个唯一名称的回调函数,并将该函数名附加到请求的URL中作为`...

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

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

Global site tag (gtag.js) - Google Analytics