Jsonp跨域

原创 2018年04月15日 12:59:05

Jsonp的代码应用:

  $.ajax({
            	url : "http://sso.taotao.com/user/check/ 

"+escape(pin)+"/1?r=" + Math.random(),
            	dataType : "jsonp",
            	success : function(data) {
                    checkpin = data?"1":"0";
                    if (data) {
                        validateSettings.succeed.run(option);
                        namestate = true;
                    }else {
                        validateSettings.error.run(option, "该用户名已占用!");
                        namestate = false;
                    }
                }
            });
	// 请求方法 GET
	// URL http://sso.taotao.com/user/check/{param}/{type 

}
/**
	 * 检查数据是否可用
	 * 
	 * @param param
	 * @param type
	 * @return
	 */
	@RequestMapping(value = "check/{param}/{type}", method = RequestMethod.GET)
	public ResponseEntity<String> check(HttpServletRequest request, @PathVariable String param,
			@PathVariable Integer type) {
		try {
			Boolean bool = this.userService.check(param, type);

			// 获取callback方法名
			String callback = request.getParameter("callback");

			// 判断callback是否为空
			String result = "";
			if (StringUtils.isNotBlank(callback)) {
				// 如果不为空表示使用jsonp调用
				// 使用方法名包裹原来的数据,位置成js数据
				result = callback + "(" + bool + ")";
			} else {
				// 如果为空表示直接调用,没有用到jsonp
				result = "" + bool;
			}

			// 查询数据,返回200
			return ResponseEntity.ok(result);
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		// 服务器错误,返回500
		return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body(null);

	}

jsonp请求形式默认给加上callback函数,经过后台处理,将callback函数返回并赋予参数值。。前台callback或success函数接收即可。


具体讲解可参考:http://www.cnblogs.com/chiangchou/p/jsonp.html

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/mrlin6688/article/details/79948392

C++中的文件输入/输出(5):二进制文件的处理

C++中的文件输入/输出(5)原作:Ilia Yordanov,  loobian@cpp-home.com 二进制文件的处理 虽然有规则格式(formatted)的文本(到目前为止我所讨论的所有文件...
  • Kusk
  • Kusk
  • 2003-08-24 15:33:00
  • 8229

跨域解决方案JSONP

什么是跨域老生常谈的问题了。下面列出一个表格: URL 说明 是否跨域 http://www.a.com/a.js http://www.a.com/b.js 同一个域名 否 ...
  • jlin991
  • jlin991
  • 2017-02-24 17:27:51
  • 297

轻松搞定JSONP跨域请求

本文介绍了通过JSONP实现跨域请求,首先介绍了“同源策略”,然后介绍了同构JavaScript动态加载script标签的方法,实现JSONP跨域,最后介绍了jQuery中对JSONP的封装和使用...
  • u014607184
  • u014607184
  • 2016-07-26 17:49:49
  • 42614

jsonp解决跨域请求以及其工作原理

jsonp解决跨域请求以及其工作原理    一.跨域问题 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Or...
  • lululove19870526
  • lululove19870526
  • 2016-09-19 21:29:50
  • 3091

跨域JSONP原理及调用具体示例

上篇博客介绍了同源策略和跨域访问概念,其中提到跨域常用的基本方式:JSONP和CORS。   那这篇博客就介绍JSONP方式。   JSONP原理   在同源策略下,在某个服务器下的页面是无法获...
  • llhhyy1989
  • llhhyy1989
  • 2014-06-20 12:30:43
  • 9649

解决跨域的jsonp+Java实例

Jsonp跨域是通过动态创建script标签来实现跨域的,script标签的src属性是没有跨域的限制的,jsonp请求相当于将我们的请求通过script标签的src发送出去,后台返回的数据是call...
  • buler_sky
  • buler_sky
  • 2017-04-19 15:38:37
  • 1692

jQuery和java后台的jsonp跨域问题

Jsonp原理:  ajax本身是不可以跨域的,通过产生一个script标签来实现跨域。...
  • sunpeng_sp
  • sunpeng_sp
  • 2016-10-26 15:24:21
  • 3700

用JSONP实现跨域请求

Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和...
  • taoerchun
  • taoerchun
  • 2016-05-10 17:13:50
  • 2059

同源、跨域、jsonp(面试常问)

提到跨域,就不得不说一下同源策略,同源策略是浏览器的一种安全策略,也就说a网站不能随便读取b网站的内容,试想一下,如果网站之间都可以随便读取互相的文件,比如一个黑客程序,他利用IFrame把真正的银行...
  • qq_33562825
  • qq_33562825
  • 2017-03-07 15:29:09
  • 791

js和jquery使用jsonp解决跨域

跨域跨域 理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 何谓同源: URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则表示...
  • csdn_yudong
  • csdn_yudong
  • 2017-01-11 18:52:11
  • 1299
收藏助手
不良信息举报
您举报文章:Jsonp跨域
举报原因:
原因补充:

(最多只允许输入30个字)