jsonp获取服务器数据的方式

jsonp获取服务器的数据，有两种
一，跨域
二，不跨域
如果跨域
js的写法有两种
1，
<script type="text/javascript">
$(function() {
$.getJSON('http://localhost:8090/search?jsoncallback=?' ,
function(json) {
alert(json);
var html = "";
for (var key in json.data) {
html = html + "<img src='http://localhost:8090/img/99999/o/" + json.data[key].filename + "'><br>";
html = html + "名称:" + json.data[key].filename + "<br>";
html = html + "category:" + json.data[key].category + "<br>";
html = html + "height:" + json.data[key].height + "<br>";
html = html + "width:" + json.data[key].width + "<br>";
html = html + "length:" + json.data[key].length + "<br>";
html = html + "<hr>";
}
$('#imageList').html(html);
}
);
});
</script>
get的ur后面有jsoncallback=?
这时候，要在服务器端增加如下代码
hr.getParameter("jsoncallback") +"({jsonp数据的格式})"
例子
jQuery1510062266528242707175_1324369820794({"data":[{"category" : "all","height" : "194","_id" : "4ebce7b5523e7e91029f910a","keyword" : "","width" : "259","chunkSize" : "262144","length" : "9082","md5" : "534a94756fc98a6db0483ee702297a82","filename" : "img001_images_029.jpeg","contentType" : "null","uploadDate" : "Fri Nov 11 18:15:33 JST 2011","aliases" : "null"},{"category" : "all","height" : "194","_id" : "4ebce7b5523e7e91029f9108","keyword" : "","width" : "259","chunkSize" : "262144","length" : "10987","md5" : "7b85b894132f78b2b90cd3fef27317a6","filename" : "img001_images_028.jpeg","contentType" : "null","uploadDate" : "Fri Nov 11 18:15:33 JST 2011","aliases" : "null"}]});
注意，是如下格式jQuery1510062266528242707175_1324369820794({xxxx}),要加个()的哦。
2，get的ur后面有jsoncallback=?的写法可以改为get的ur后面有jsoncallback=getdata
同时 function(json) 前要加上getdata=
具体如下
<script type="text/javascript">
$(function() {
$.getJSON('http://localhost:8090/search?jsoncallback=getdata' ,
getdata=function(json) {
alert(json);
var html = "";
for (var key in json.data) {
html = html + "<img src='http://localhost:8090/img/99999/o/" + json.data[key].filename + "'><br>";
html = html + "名称:" + json.data[key].filename + "<br>";
html = html + "category:" + json.data[key].category + "<br>";
html = html + "height:" + json.data[key].height + "<br>";
html = html + "width:" + json.data[key].width + "<br>";
html = html + "length:" + json.data[key].length + "<br>";
html = html + "<hr>";
}
$('#imageList').html(html);
}
);
});
</script>
这个时候，服务器端就不需要加上hr.getParameter("jsoncallback")了，直接返回json格式就行了。
具体参见
http://www.cnblogs.com/5201314/archive/2009/06/23/1509552.html
http://51mst.iteye.com/blog/1170798
二，如果是不跨域的，
不需要加上jsoncallback，直接如下就行了，同时服务器返回的格式，就是纯jsonp的格式。
<script type="text/javascript">
$(function() {
$.getJSON('http://localhost:8090/search' ,
function(json) {
alert(1);
var html = "";
for (var key in json.data) {
html = html + "<img src='http://localhost:8090/img/99999/o/" + json.data[key].filename + "'><br>";
html = html + "名称:" + json.data[key].filename + "<br>";
html = html + "category:" + json.data[key].category + "<br>";
html = html + "height:" + json.data[key].height + "<br>";
html = html + "width:" + json.data[key].width + "<br>";
html = html + "length:" + json.data[key].length + "<br>";
html = html + "<hr>";
}
$('#imageList').html(html);
}
);
});
</script>
服务器返回代码
{"data":[{"category" : "all","height" : "194","_id" : "4ebce7b5523e7e91029f910a","keyword" : "","width" : "259","chunkSize" : "262144","length" : "9082","md5" : "534a94756fc98a6db0483ee702297a82","filename" : "img001_images_029.jpeg","contentType" : "null","uploadDate" : "Fri Nov 11 18:15:33 JST 2011","aliases" : "null"}]}

转载于:https://www.cnblogs.com/ACMxike20111726/p/3253896.html

jsonp获取服务器数据的方式相关推荐

Qt|Http笔记-两种方式发送http协议数据，获取服务器数据（GET方法）
目录背景演示搭建Java Web环境 QTcpSocket获取服务器数据 QNetworkAccessManager获取服务器数据背景 Qt中有2个方式可以实现HTTP协议的发送,一个是使用Q ...
Promise相关内容（三）——异步获取服务器数据：promise方式解决回调地狱的问题。通过多个.then使代码可读性更高实现异步任务的串行执行，保证按顺序发送请求获取数据
Promise相关内容(三)--异步获取服务器数据:promise方式解决回调地狱的问题.通过多个.then使代码可读性更高 & 实现异步任务的串行执行,保证按顺序发送请求获取数据第一种形式 ...
ios获取区域服务器信息,ios获取服务器数据
ios获取服务器数据内容精选换一换调用API出错后,将不会返回结果数据.调用方可根据每个API对应的错误码来定位错误原因.当调用出错时,HTTP请求返回一个4xx或5xx的HTTP状态码.返回的 ...
获取并显示服务器数据,客户端获取服务器数据解析
客户端获取服务器数据解析内容精选换一换 VR云渲游平台提供了设备的实时监控功能,您可以通过监控大屏,查看指定设备在云上运行时的实时监控数据.当设备处于"运行中"状态时,才可以查 ...
获取服务器路径的方式【记录】
JSP页面获取服务器路径的方式 1.basePath方式 <% String path = request.getContextPath(); String basePath = request ...
jsonp数据库拿数据到html页面,前端如何优雅的使用jsonp获取接口数据
在进行前后端分离项目开发过程中,我们会不可避免的在一些情况下需要进行数据跨域请求,而最常见的就是jsonp方式,先说说jsonp基本原理,用大白话来讲,就是说你将一个js文件去外部引入到页面,不管那个 ...
ts获取服务器数据_基于Nginx的媒体服务器技术-线上公开课
国内应用比较多的开源流媒体服务器nginx-rtmp-module一直存在功能少.集群化难度大等问题.在LiveVideoStack线上分享中,PingOS 开源项目组开发工程师.UCloud RTC ...
一年白干！程序员赵某仿制老东家APP，获取服务器数据，被判4年6个月
整理 | 王晓曼出品 | 程序人生 (ID:coder _life) 近日,中国裁判文书网公布了一起非法获取计算机信息系统数据的案件.这则由北京市朝阳区人民法院发出的刑事判决书显示,被告人赵某某犯非 ...
AJAX 跨域请求 - JSONP获取JSON数据
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术.Ajax 允许在不干扰 Web 应用程序的显示 ...

jsonp获取服务器数据的方式

jsonp获取服务器数据的方式相关推荐

最新文章

热门文章