加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

jsonp jquery

发布时间:2020-12-16 19:07:22 所属栏目:百科 来源:网络整理
导读:一客户端(url:http://192.168.1.2:81/jsonp_test.jsp) 客户端页面首先在body 中放置一个div: div id="res"/div 将远程调用的数据写入该div中 script type ="text/javascript" src ="/js/jquery-1.3.2.min.js" / script script type ="text/javascript" $(doc

一客户端(url:http://192.168.1.2:81/jsonp_test.jsp)

客户端页面首先在body 中放置一个div: <div id="res"></div> 将远程调用的数据写入该div中


<scripttype="text/javascript"src="/js/jquery-1.3.2.min.js"></script>
<scripttype="text/javascript">
$(document).ready(
function(){
$.ajax({
url:
'http://192.168.9.5/jsonp_test1.jsp',
dataType:
"jsonp",
jsonp:
"jsonpcallback",
success:
function(data){
var$ul=$("<ul></ul>");
$.each(data,
function(i,v){
$(
"<li/>").text(v["id"]+""+v["name"]).appendTo($ul)
});
$(
"#res").append($ul);
}
});
});
</script>

服务端(url:http://192.168.9.5/jsonp_test1.jsp
代码很简单,就是输出一个字符串
比如正常输出json应该是:[{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]
jsonp 则输出: jsonpcallback([{"id":"1","name":"测试2"}]) 其中“jsonpcallback”是客户端传过来的


  jsonp=request.getParameter("jsonpcallback")
  str
="[{"id":"1","name":"测试2"}]"
  str
=jsonp +"("+str+")"
  response.Write(str)

由于 jquery 在ajax 处理中使用的是utf-8编码传递参数的,所以jsonp处理端用utf-8的编码最好,这样省得编码转换了

捐助开发者

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(右上角的爱心标志,支持支付宝和PayPal捐助),没钱捧个人场,谢谢各位。


谢谢您的赞助,我会做的更好!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读