`
shuzheng5201314
  • 浏览: 206588 次
  • 来自: 北京
社区版块
存档分类
最新评论

自己写个jsonp例子

 
阅读更多

 

服务器端代码:

/**
	 * 返回jsonp测试
	 * @return
	 * @throws Exception
	 */
	public View getJson() throws Exception {
		
		String action = StringUtil.dealParam(request.getParameter("callback"));
		
		Map<String, Object> data = new HashMap<String, Object>();
		
		if (action.equals("getUserinfo")) {
			data.put("name", "zheng");
			data.put("sex", "1");
			data.put("phone", "13987654321");
		}
		
		return new TextView(action + "(" + new JsonView(data) + ")");
	}

 

前段js代码:

$(function() {
		var url = "http://192.168.1.23:8888/ad/getJson";
		$.ajax({
			dataType: "jsonp", 
			jsonp:"callback",
			jsonpCallback : "getUserinfo",
			url: url,
			success: function (json) {
				alert(json.name);
			},
			error: function (xhr, status, ex) {
				
			}
		});
	});

 

  • 大小: 26.7 KB
分享到:
评论

相关推荐

    本地实现的最简单jsonp例子.zip

    这个本地实现的最简单jsonp例子旨在帮助初学者更好地理解这一概念。 首先,我们要明确的是,JavaScript通常受到同源策略的限制,即只能访问与自身同源(协议、域名、端口相同)的资源。但`&lt;script&gt;`标签是个例外,...

    jsonp 使用例子

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`&lt;script&gt;`标签可以跨域请求资源的特性来实现数据的交换。在Web开发中,由于浏览器的同源策略限制,通常JavaScript无法直接访问不同源的资源,但JSONP...

    Ajax结合Jsonp实例

    在上面的例子中,Jquery会生成一个随机的回调函数名,如`_jsonp123456789`,然后将这个函数名作为参数传递给服务器,服务器返回的JavaScript代码就是`_jsonp123456789({json数据})`,这样就能在客户端执行并解析数据...

    java版 解决跨域问题CORS ajax+jsonp例子源代码.zip

    标题中的“java版 解决跨域问题CORS ajax+jsonp例子源代码.zip”指的是一个Java Web应用程序,它演示了如何处理跨域问题,主要通过两种方法:CORS(跨源资源共享)和JSONP(JSON with Padding)。这个压缩包包含了...

    php版 解决跨域问题CORS ajax+get,post+jsonp例子源代码.zip

    PHP、AJAX 和 JSONP 是解决这个问题的三种主要技术。本篇文章将详细探讨这些技术以及它们在跨域请求中的应用。 首先,我们要理解什么是跨域。根据同源策略,浏览器会限制来自不同源(协议+域名+端口)的脚本相互...

    JSON和JSONP(含jQuery实例)

    JSONP是一种非官方的跨域数据交互协议,它的基本思想是,网页通过创建`&lt;script&gt;`标签并设置其`src`属性为一个提供JSON数据的服务URL,服务端会将JSON数据包裹在一个函数调用中返回,这样浏览器就能执行这个函数并...

    jsonp示例2则

    在这个例子中,我们定义了一个名为`jsonp`的路由,当接收到GET请求时,会查找请求参数`callback`,将其作为回调函数名,并将数据用JSON格式包装后返回。注意设置正确的`Content-Type`为`application/javascript`,这...

    纯servlet实现JSONP

    在这个纯Servlet实现JSONP的例子中,我们将深入理解JSONP的工作原理,以及如何在Java的Servlet环境中实现这一功能。 首先,让我们了解JSONP的基本概念。JSON(JavaScript Object Notation)是一种轻量级的数据交换...

    Jsonp+asp.net

    在这个例子中,`callback`参数是前端传入的回调函数名,`JsonConvert.SerializeObject()`是将数据序列化为JSON的调用。 在jQuery EasyUI的前端部分,我们需要配置表格组件以使用JSONP进行数据加载,例如: ```...

    仿百度jsonp写的历史记录和搜索框

    在JavaScript开发中,"仿百度jsonp写的历史记录和搜索框"是一个常见的应用场景,它涉及到前端交互、历史数据存储以及搜索功能的实现。JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`&lt;script&gt;`标签...

    JSONP 实例

    在这个例子中,`handleResponse`是客户端定义的函数,`http://otherdomain.com/data`是服务器端提供数据的URL,`callback=handleResponse`是查询字符串,告诉服务器将数据包装在`handleResponse`函数调用中。...

    跨域访问解决方法-jsonp

    在这个例子中,jQuery会自动处理回调函数的命名和添加到`&lt;script&gt;`标签的`src`属性中。当服务器返回数据后,`handleResponse`函数会被调用。 ### 注意事项 1. **安全性**:JSONP没有像CORS(跨源资源共享)那样...

    JS 使用 JSONP 跨域获取用户IP

    在这个例子中,`myCallback`是前端定义的一个函数,而`http://example.com/getIP`是服务器端提供的JSONP接口。当服务器接收到这个请求时,它会返回类似以下的响应: ```javascript myCallback('192.168.1.1'); ``` ...

    jsonp的demo

    在这个例子中,我们定义了一个函数`handleResponse`来处理服务器返回的数据。`src`属性中的URL指向了服务器接口,并且将函数名`handleResponse`作为查询参数`callback`传递。 2. **服务器端代码**: 假设服务器...

    vue2.0Jsonp

    在这个例子中,我们在组件的 `created` 生命周期钩子中发起 JSONP 请求。当请求成功时,我们将返回的数据赋值给 `data`,并在模板中展示;如果请求失败,我们会捕获错误并打印到控制台。 以上就是 Vue 2.0 中使用 ...

    jquery-jsonp-master.zip_jsonp

    在这个例子中,jQuery会在请求URL后面自动添加`?callback=?`,告诉服务器需要一个JSONP响应。服务器收到请求后,会返回一个类似`callback({ "key": "value" })`格式的JavaScript代码,其中`callback`是实际的回调...

    day17代码:springBoot整合JSONP

    在这个例子中,`callback`参数代表了客户端提供的回调函数名,我们将返回的JSON数据包裹在它里面。 3. **配置CORS** 虽然JSONP可以解决部分跨域问题,但现代浏览器更倾向于使用CORS(Cross-Origin Resource ...

    jsonp格式的数据处理实例源码

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`&lt;script&gt;`标签可以跨域请求资源的特性,来实现JavaScript从一个域名获取数据并处理的能力。在本实例中,我们将深入探讨如何使用jQuery调用ASHX(ASP...

    httpclient-4.5 jar包 和 jsonp jar包

    以下是一个简单的例子: ```java CloseableHttpClient httpClient = HttpClients.createDefault(); HttpGet httpGet = new HttpGet("http://example.com/data?callback=handleData"); CloseableHttpResponse ...

Global site tag (gtag.js) - Google Analytics