Ajax跨域(jsonp) 调用JAVA后台
来源:互联网 发布:今日大宗交易数据 编辑:程序博客网 时间:2024/05/16 09:33
1. JSONP定义
JSONP是英文JSON with Padding的缩写,是一个非官方的协议。它允许在服务器端生成script tags返回至客户端,通过javascript callback的形式来实现站点访问。 JSONP是一种script tag的注入,将server返回的response添加到页面实现特定功能。
2.JSONP由来
要解释JSONP的来由,先要说一下浏览器的“同源策略(SOP:Same Origin Policy)”。 简而言之,就是浏览器限制脚本程序只能和同协议、同域名、同端口的脚本进行交互,这包括共享和传递变量等。cookie的传递也是遵从同样策略。这就造成一些涉及到多个服务器的应用在整合时一些麻烦。跨域访问的问题造成A站点的Ajax代码无法访问B站点的数据。
如何解决跨域访问呢?那就要借助浏览器的一个特性:尽管浏览器不允许页面中的脚本程序跨域读取数据,但却允许HTML引用跨域的资源,如图片,CSS和脚本程序。对于脚本程序的引用比较特殊,它被浏览器解析以后,就和本地的脚本程序别无二致且可立即进行解释并执行。如在B站点的一个js文件,一个简单的提示框:alert(“This is Victor!”);。在A站点引用这个js,这个脚本就会在B站点的应用中执行,显示一个alert信息。由于站外脚本的引用是通过script tag来实现的,而脚本程序又可通过DOM的方式可以对HTML页面的所有标签进行控制(包括动态的创建script标签),这就可以实现通过调用站外程序对本地资源进行更改了。另外,通过<script> 标记的使用,就可从服务端直接返回可执行的JavaScript函数调用或者JSON数据。
3. JSONP原理与实现
首先在客户端注册一个callback, 然后把callback的名字传给服务器。此时,服务器先生成 JSON数据。然后以JavaScript 语法的方式,生成一个function, function名字就是传递上来的参数jsonp.
然后,将JSON数据直接以入参的方式,放置到function中,这样就生成了一段 js 语法的文档,返回给客户端。
最后,在客户端浏览器中解析script标签,并执行返回的JavaScript文档,此时数据作为参数,传入到了客户端预先定义好的回调函数里(动态执行回调函数) 。
具体代码操作:
1,js代码
$.ajax({
url:
'http://192.168.3.49:8080/PORTAL/authCode'
,
type:
'post'
,
dataType:
'jsonp'
,
jsonp:
"callback"
,
data: {
"type"
:
'0'
,
"mobilePhone"
: $(
"#tel"
).val()
},
success:
function
(data){
alert(data.ret)
settime(obj);
},
error:
function
(data){
$(
'#mstr_ck'
).html(
"获取验证码失败,请重试!"
);
$(
"#error_ck"
).show();
}
});
2,java代码
@RequestMapping
(value =
"authCode"
)
@ResponseBody
public
String getMobileAuthCode( HttpServletRequest request, String callback)
throws
Exception {
String result =
"{'ret':'true'}"
;
//加上返回参数
result=callback+
"("
+result+
")"
;
return
result;
}
如上:前端调用结果弹出:alert('true')
- Ajax跨域(jsonp) 调用JAVA后台
- Ajax跨域(jsonp) 调用JAVA后台
- ajax开发:详解Ajax跨域(jsonp) 调用JAVA后台
- ajax jsonp java后台
- jsonp调用及后台java返回
- angular jsonp调用及后台java返回
- jsonp调用及后台java返回
- jsonp调用及后台java返回
- ajax跨域?(jsonp)
- ajax实现jsonp调用
- js调用java后台方法(ajax回调函数)
- ajax调用后台java类的例子
- ajax jsonp跨域调用
- java 后台Jsonp处理方法
- jquery ajax or ajax Jsonp 调用
- RestEasy与Jsonp(ajax跨域)
- jQuery Ajax jsonp 跨域
- jquery ajax跨域 jsonp
- 模板与泛型编程
- McCabe环路复杂度计算
- 数据采集知识点总结
- :=的用法
- HDU
- Ajax跨域(jsonp) 调用JAVA后台
- 炮兵阵地 解题报告
- 让自己习惯C++
- STL之List容器
- Chess Queen Uva 11538(基础计数原理)
- 【笨鸟先飞】android重新学习日记9--- 常量数据的储存位置
- SSL
- github常见操作和常见错误!
- 如何使用CSS隐藏滚动条并且兼容大部分浏览器