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

jsonp的简单用法

阅读更多
 
test.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
<script type="text/javascript" src="/jquery-latest.pack.js"></script>

<script type="text/javascript">
$.getJSON("http://www.web.com/test.jsp?callback=?",             //调用JSONP
function(json){ 
alert(json[0].name);
});
</script>
  </head>
  
  <body>
    This is my HTML page. <br>
  </body>
</html>

 test.jsp

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%String callback=request.getParameter("callback"); %>
<%	out.print(callback+"([ { name:\"John\"} ] )");%>

 

 

分享到:
评论
2 楼 yuzhoudechen 2009-06-02  
试用了一下,发现一个问题:
missing ; before statement
[Break on this error] 3. jsonp1243910592794([ { name:"John"} ] )

有知道是怎么回事的么?
1 楼 jsnjlc 2009-01-11  
jsonp用在跨域上比较好,本机测试,玩玩还行。

相关推荐

    jsonp 简单示例

    标题“jsonp简单示例”指的是一个用来展示JSONP基本用法的项目。在这个项目中,通常会包含两个部分:一个是服务器端的脚本,提供JSON数据;另一个是客户端的HTML页面,通过JavaScript来调用服务器端的数据。 描述中...

    Jsonp和java操作

    使用jQuery的`$.getJSON`方法也可以实现JSONP: ```javascript $.getJSON("http://localhost:8080/Jsonp/jsonp.jsp?callback=?", function(json) { alert(json[0].name); }); ``` 在jQuery的示例中,`...

    js跨域jsonp的使用

    总结来说,JSONP是一种适用于简单跨域请求的解决方案,尤其在不支持CORS的旧版本浏览器中,它是实现跨域通信的重要手段。然而,随着CORS的普及,JSONP的使用逐渐减少,但在某些场景下仍然具有其独特的价值。理解和...

    详解JSON和JSONP劫持以及解决方法.docx

    本文还提供了实例代码,展示了如何使用JSONP劫持攻击获取敏感数据,以及如何使用jQuery库实现JSONP请求。 结论 JSON劫持和JSONP劫持是一种非常危险的攻击方式,攻击者可以通过在目标服务器上发送恶意请求,获取...

    json和jsonp数据格式返回

    JSON(JavaScript Object Notation)和JSONP(JSON with Padding)是两种常见的数据交换格式,尤其在Web开发中广泛使用。本文将深入探讨这两种格式的特点、用途以及它们在跨域数据请求中的作用。 **1. JSON简介** ...

    jsonp跨域请求

    ### JSONP的使用步骤 1. **定义回调函数**:在JavaScript中,预先定义好用于接收数据的全局函数,如`function handleData(data) { ... }`。 2. **构造URL**:根据需要请求的数据,构造一个URL,包含服务端接口地址...

    跨域访问解决方法-jsonp

    跨域访问是Web开发中一个常见的挑战,尤其是在进行Ajax异步请求时,浏览器的同源策略(Same-origin policy)会限制JavaScript从一个源获取另一...理解JSONP的工作原理和使用方法对于任何Web开发者来说都是非常重要的。

    jsonp示例2则

    在Python中,我们可以使用Flask或Django等Web框架来构建一个简单的JSONP服务。下面以Flask为例: 首先,安装Flask: ```bash pip install flask ``` 然后,创建一个名为`jsonp_server.py`的文件,编写以下代码: `...

    jsonp 使用例子

    在Web开发中,由于浏览器的同源策略限制,通常JavaScript无法直接访问不同源的资源,但JSONP提供了一种规避这种限制的方法。下面将详细讲解JSONP的工作原理、使用场景以及如何实现JSONP。 **1. JSONP的工作原理** ...

    使用JSONP完成HTTP和HTTPS之间的跨域访问

    ### 使用JSONP完成HTTP和HTTPS之间的跨域访问 ...虽然JSONP是一种相对简单的方法,但在实际应用中需要考虑到其局限性和潜在的安全风险。开发者在使用此技术时,应确保充分理解其实现原理及可能带来的安全影响。

    JSONP原理及简单实现

    JSONP(JSON with Padding)是一种解决跨域请求限制的方法。在Web2.0时代,AJAX是前端开发中不可或缺的技术,然而出于安全考虑,浏览器对跨域请求进行了限制。在同源策略的限制下,浏览器只允许与自己域内的服务器...

    jsonp源码以及jar包

    6. **JSONP的使用**:虽然`jsoup`自身并不直接支持JSONP,但你可以配合使用其他Java库(如`HttpURLConnection`或`Apache HttpClient`)来发送JSONP请求。你需要构造一个动态生成的回调函数名,将这个函数名作为参数...

    使用Jsonp方式跨域获取json

    - 优点:简单,支持所有浏览器,无需服务器端额外配置,只需返回符合JSONP格式的响应即可。 - 缺点:只支持GET请求,不支持POST等其他HTTP方法;没有错误处理机制,如果服务器返回的不是有效的JavaScript,浏览器...

    Ajax跨域请求解决方案-JSONP

    - 使用jQuery或其他库的Ajax方法,通过`jsonp`参数指定回调函数名。例如,`$.ajax({ url: 'http://example.com/api/data', dataType: 'jsonp', jsonp: 'callback' })`。 - 在服务器响应之前,浏览器会在当前页面中...

    PHP AJAX JSONP实现跨域请求使用范例_ajax如何解决跨域请求

    在这个实例中,我们使用 jQuery 的.ajax() 方法来发送 POST 请求,并指定 dataType 为 jsonp,以便使用 JSONP。 ```javascript $.ajax({ type: "post", url: "ajax.php", dataType: "jsonp", jsonp: "callback...

    12 React 获取数据 axios插件 fetch-jsonp插件的使用

    为了在React中实现JSONP请求,我们需要使用fetch-jsonp库。 5. **fetch-jsonp的介绍**:fetch-jsonp是针对fetch API的JSONP实现,用于解决跨域问题。它允许你向其他域发送GET请求,并接收JSON数据。 6. **fetch-...

    .net3.5 WCF实现jsonp

    首先,定义一个简单的服务接口,比如`IService`,并提供一个返回JSON数据的方法,如`GetData`。 ```csharp [ServiceContract] public interface IService { [OperationContract] [WebInvoke(ResponseFormat = ...

    利用jsonp实现百度搜索

    在实际应用中,你需要查阅百度搜索API的官方文档,了解具体的使用方法和参数要求。 通过以上步骤,我们就成功地利用JSONP实现在自己的网站中嵌入了百度搜索功能。这种技术虽然简单有效,但也有其局限性,例如缺乏...

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

    2. **发起请求**:使用`$.getJSON()`发起请求,并设置`dataType`为`"jsonp"`,同时指定回调函数的名称,这将作为查询参数传递给服务器。例如: ```javascript $.getJSON('http://example.com/api/data?callback=?'...

    jsonp的demo

    总结起来,JSONP是一种早期解决跨域问题的方法,尤其在需要兼容旧版浏览器或者无法使用CORS的情况下。然而,随着现代浏览器的发展,CORS已经成为更安全、更灵活的跨域解决方案。但理解JSONP的工作原理对于Web开发者...

Global site tag (gtag.js) - Google Analytics