jsonp jquery

简介:       一客户端(url:http://192.168.1.2:81/jsonp_test.jsp) 客户端页面首先在body 中放置一个div: 将远程调用的数据写入该div中     $(document).

 

 

 

一客户端(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">
    $(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":"测试1"},{"id":"2","name":"测试2"}]) 其中“jsonpcallback”是客户端传过来的


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

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

 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者

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



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

 

 

目录
相关文章
|
JSON JavaScript 前端开发
❤️一个有趣小案例教你如何使用原生js使用和jquery应该如何使用jsonp❤️
❤️一个有趣小案例教你如何使用原生js使用和jquery应该如何使用jsonp❤️
107 0
❤️一个有趣小案例教你如何使用原生js使用和jquery应该如何使用jsonp❤️
|
JSON JavaScript 前端开发
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
|
JavaScript
Ajax-20:Jquery发送jsonp请求
Ajax-20:Jquery发送jsonp请求
109 0