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

jsonp的简单用法

jsonpjsonjQueryJavaScriptJSP 
阅读更多 
 
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\"} ] )");%>

 

 

分享到：
| 使用XFire+Spring构建Web Service
评论
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开发者...

Magicbox
Global site tag (gtag.js) - Google Analytics