jsonp从服务器读取数据并且予以显示
来源:互联网 发布:惊艳类长相知乎 编辑:程序博客网 时间:2024/05/12 06:48
之前看了许多的关于jsonp的文章,大多是讲的比较的模糊的,下面是我的个人的理解!
基于这样的一段代码,做下解释: 这是在jsonp中读取数据的时候(取出来当然是json的格式json格式不清楚的,可以访问我的json和jsonp的文章),利用循环进行数据的读取。 先定义变量html,然后循环取出!
(其实核心就是根据你自己设计的页面结构,比如什么时候用到<div><p><li>等这些,以及之间的关系,然后用循环一次读取存在变量html中)仔细看标签的对应关系
var html = ''; //定义html变量
for (var i = 0; i < rows.length; i++) { //rows[i].length是数组长度
html += '<div class="item clearfix" onclick="page_company.clickItem(' + rows[i].companyId + ')">' + //
'<div class="left"><img src="' + rows[i].picUrl + '"/></div>'
+ '<div class="right">';
html += '<div class="title">';
if(rows[i].companyName)
html += rows[i].companyName;
else
html += '暂无';
html += '</div>';
html += '<span class="address">';
if(rows[i].address)
html += rows[i].address;
else
html += '暂无';
html += '</span>';
if(rows[i].distance) {
html += '<div class="distance">距离:' + rows[i].distance + '</div>';
}
html += '<div class="handle">' +
'<div class="collection"></div>' +
'<div class="attention"></div>' +
'<div style="clear: both;"></div>' +
'</div>' +
'</div>' +
'<div style="clear: both;"></div>' +
'</div>';
}
在循环取出后,用选择器选中页面的要显示的位置(取出的数据和要显示的位置要一致),比如$('#page_company .listview').append(html);注意这里不能用html(html);来显示,如果是用html的话,就只能显示最后一个html,或者是出错!
- jsonp从服务器读取数据并且予以显示
- springmvc从数据库中读取数据并且显示成选择框
- springmvc从数据库中读取数据并且显示成选择框工具类
- 使用原生JDBC从数据库读取数据并且封装
- jqGrid 从服务器读取json数据不显示问题 ; 样式不正常问题
- Android 从j2ee服务器读取数据乱码
- Android 从j2ee服务器读取数据乱码
- 从cmos中读取数据并显示
- JSONP 跨域读取数据
- 简洁的从txt文件中读取数据并且修改数据重新存入
- 安卓学习笔记——如何从资源中读取文件并且显示
- 从服务器读取图片和显示图片的代码如下
- Android网络与数据存储03-在线请求天气API,并解析其中的json数据予以显示
- jsonp跨域读取数据例子
- shell脚本从文件中按行读取数据,并且赋值到数组中的几种方法
- VC++中从txt文本中读取数据并且存到二维数组中
- 从本地目录读取指定.txt文件,并且对数据进行解析。
- MFC(5)读取AVI视频数据并且显示到界面窗口上源码
- C++
- MySQL: 如何选取Table中的50到100行
- 软件工程
- dom4j 替换xml 节点元素
- Java中super的几种用法并与this的区别
- jsonp从服务器读取数据并且予以显示
- 自定义标签案例
- C语言读写文件
- 读取Android Assets文本文件中的内容
- java面试题集锦
- LR在录制过程中打不开网页
- HiveQL中where后面的and 和or 处理
- checkbox 与 listview 等混用焦点问题
- todo