天易38----sturts2+jsonp的使用

前端之家收集整理的这篇文章主要介绍了天易38----sturts2+jsonp的使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一:百度介绍:

JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON,而是任意的JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解析

二:前端使用:

<script type="text/javascript">

function test(){

$.ajax({

type: "post",
dataType:'jsonp',
jsonp:'callback',
data : $('#register_formId').serialize(),
url:'http://192.168.191.1:8080/H5Web/menushowmanage/menushowmanage/jsonpTest?
callback=?',
success:function(data){
if(data.result_code=="200"){
alert("您的操作执行成功!");
}else{
alert("操作失败")
}
},error:function(XMLHttpRequest,textStatus,errorThrown) {
alert("404");
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
alert(XMLHttpRequest.responseText);
}
});
}
</script>

三:后端示例

private String callback;//前端jsonp动态生成函数名称

/**
* get与set方法
*/

public String getCallback() {
return callback;
}
public void setCallback(String callback) {
this.callback = callback;
}

/**
* jsonp使用方法
*/
public void jsonpTest(){
System.out.println("---url:"+url+"--callback:"+callback);
Gson gson=Constants.GSON;
BaseRes bs=new BaseRes();
bs.setResult_code(SuccessCode.CLIENT_SUCCESS.getResult());
this.print(callback+"("+gson.toJson(bs)+")");//jsonp返回格式,callback表示前端jsonp提交后台的一组随机方法,但callback名称要和前端保持一致
}

返回前端页面jsonp的格式:

jQuery18007564855464734137_1431501866366({"result_code":"200"})

其中jQuery18007564855464734137_1431501866366是通过前端随机生成传递后台的callback值

猜你在找的Json相关文章