一客户端(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捐助),没钱捧个人场,谢谢各位。
谢谢您的赞助,我会做的更好!
相关推荐
jQuery-JSONP jQuery-JSONP 是 jQuery 的 JSONP 实现的一个紧凑(1.8kB 缩小)但功能丰富的替代解决方案。 许可 jQuery-JSONP 是在下发布的。 下载 您可以下载 jQuery-JSONP(提供全文和缩小版本)。 特征 jQuery-...
主要介绍了jQuery中JSONP的两种实现方式详解的相关资料,需要的朋友可以参考下
ajax跨域请求,jquery.jsonp插件
jquery-jsonp插件
NULL 博文链接:https://bijian1013.iteye.com/blog/2179338
本文将给您介绍如何使用getJSON来实现异步跨域提交表单
利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
7、为了便于客户端使用数据,逐渐形成了一种非正式传输协议,人们把它称作JSONP,该协议的一个要点就是允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON...
前端使用jquery,datatype采用jsonp,服务端采用C#编写的webService
终于找到了一个好用的jquery-jsonp插件,可以完美的支持jsonp请求。可以完美的支持jsonp请求。
Jquery与ajax用JSONP方式调用新浪API将长网址转换为新浪的短网址。
NULL 博文链接:https://wangchengyong.iteye.com/blog/1460101
jQuery的$.ajax的调用!jsonP说白了,就是在json字符串外面包上一个:参数名称+左右括弧!只是包了个:jsonpCallback() 而已! 相关文章:https://blog.csdn.net/djk8888/article/details/84790672 调用方法: $....
jquery下利用jsonp跨域访问实现方法.docx
jQuery 发送一个 jsonp 请求 jQuery 也提供给我们发送 jsonp 请求的方式 1. jsonp: 利用 script 标签的 src 属性来请求 2. 返回值: 是一个字符串, 字符串里面写了一个 函数名(后端传递给前端的参数) 使用 $.ajax() ...
主要介绍了jQuery使用jsonp实现百度搜索,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下
我们都知道,AJAX的一大限制是不允许跨域请求。... jQuery的JSONPjQuery.getJSON方法:Js代码 代码如下:jQuery.getJSON(“http://search.twitter.com/search.json?callback=?”,{ q: “Arsenal” },functio
jQuery+JSONP+artDialog 实现虾米音乐的检索、选取和播放
一个jquery文件,适合学习参考应用jquery轻量级
php if (isset($_GET[‘jsonpcallback’])){ echo $_GET[‘jsonpcallback’].”([{id:1,name:’aaaa1′},{id:2,name:’bbbb2′}])”; exit; } ?> <html> [removed][removed] [removed] $(function(){ $....