Json   发布时间:2022-04-22  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jsonp跨域实例大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

前台html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSONP DEMO</title>
<script src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function(){
@H_197_12@changeDiStrict(1);
});
function changeDiStrict(value){
if(value == 0){
@H_197_12@$('#transport_node').empty();
@H_197_12@$('#transport_node').append('<option value="0">请选择</option>');
@H_197_12@return;
}
$('#transport_node').empty();
$('#transport_node').append('<option value="0">加载中...</option>');
var mydata={
@H_197_12@ "method":"testJsonp",
@H_197_12@ "token":""
}
$.ajax({
@H_197_12@type: 'GET',
@H_197_12@url: "http://192.168.1.123:80/YJWeixin/control.do",
@H_197_12@async: false,
@H_197_12@dataType: "jsonp",
@H_197_12@data:{"jsonParams":JSON.Stringify(mydata),"callBACkFunction":"jsonpCallBACk"},
@H_197_12@jsonp: "jsonpCallBACk",
@H_197_12@success: function(o){},
@H_197_12@timeout:3000
});
}


function jsonpCallBACk(result) {
if(result.code!= ""){ @H_197_12@
@H_197_12@$('#transport_node').empty();
@H_197_12@$('#transport_node').append('<option value="0">请选择</option>');
@H_197_12@
@H_197_12@var html = '<option value="'+result.code+'">'+result.price+'</option>';
@H_197_12@ $('#transport_node').append(html)
@H_197_12@
}else{
@H_197_12@$('#transport_node').empty();
@H_197_12@$('#transport_node').append('<option value="0">请选择</option>');
}
}


</script>
</head>
<body>
<div style="width:400px;height:300px;border:1px">


<SELEct id="transport_node"> </SELEct>


</div>
</body>
</html>


后台

@H_197_12@
@H_197_12@/**
@H_197_12@* 测试jsonp
@H_197_12@* @param req
@H_197_12@* @param resp
@H_197_12@* @param params
@H_197_12@* @return
@H_197_12@* @throws Throwable
@H_197_12@*/
@H_197_12@@HandlerMethod(methodName=FunctionCons.test_JSONP,required=false,info=falsE)
@H_197_12@public static String testJsonp(httpServlet@R_197_10613@est req,
@H_197_12@httpServletResponse resp,HashMap<String,String> params) throws Throwable
@H_197_12@{
@H_197_12@String jsonpCallBACk = req.getParameter("callBACkFunction");
@H_197_12@Weixinservice ws = (WeixinservicE) ApplicationContext.geTinstance()
@H_197_12@.getBean(Weixinservice.Name);
// @H_197_12@HashMap<String,Object> res = ws.checkRegionAuthStatus(wxId);
@H_197_12@JSONObject json =new JSONObject();
@H_197_12@json.put("code","aaa");
@H_197_12@json.put("price",1780);
@H_197_12@json.put("tickets",5);
@H_197_12@
@H_197_12@return jsonpCallBACk+"("+json.toString()+")";
@H_197_12@}


效果

大佬总结

以上是大佬教程为你收集整理的jsonp跨域实例全部内容,希望文章能够帮你解决jsonp跨域实例所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。