A. 有json数据在web界面如何用JS的for循环取出并生成表格
window.onload=function(){
vardatanav=[{"name":"张三","position":"1","powerrate":"2","waterrate":"3","healthcosts":"4","watermeter":"5","ammeter":"6","linkman":"7","phone":"8","rental":"9","tenancy":"10","remark":"11"},{"name":"李四","position":"11","powerrate":"10","waterrate":"9","healthcosts":"8","watermeter":"7","ammeter":"6","linkman":"5","phone":"4","rental":"3","tenancy":"2","remark":"1"}];
vartb=document.getElementById("tb");
for(vari=0;i<datanav.length;i++){
varrow=tb.insertRow(tb.rows.length);
varc1=row.insertCell(0);
c1.innerHTML=datanav[i].name;
varc2=row.insertCell(1);
c2.innerHTML=datanav[i].waterrate;
varc3=row.insertCell(2);
c3.innerHTML=datanav[i].powerrate;
varc4=row.insertCell(3);
c4.innerHTML=datanav[i].healthcosts;
varc5=row.insertCell(4);
c5.innerHTML=datanav[i].watermeter;
varc6=row.insertCell(5);
c6.innerHTML=datanav[i].ammeter;
varc7=row.insertCell(6);
c7.innerHTML=datanav[i].linkman;
varc8=row.insertCell(7);
c8.innerHTML=datanav[i].phone;
varc9=row.insertCell(8);
c9.innerHTML=datanav[i].rental;
varc10=row.insertCell(9);
c10.innerHTML=datanav[i].tenancy;
}
}<tableborder="1"id="tb">
<tr>
<td>租户</td>
<td>水费</td>
<td>电费</td>
<td>卫生费</td>
<td>水表位置</td>
<td>电表位置</td>
<td>联系人</td>
<td>电话</td>
<td>房费</td>
<td>租赁合同期限</td>
</tr>
</table>
B. Web前端的学习顺序及内容是什么
第一阶段:
HTML CSS:HTML进阶、CSS进阶、div css布局、HTML css整站开发。
JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。
JQuery:基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:
HTML5和移动Web开发
HTML5:HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas。
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段:
HTTP服务和AJAX编程
WEB服务器基础:服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础:PHP基础语法、使用PHP处理简单的GET或者POST请求。
AJAX上篇:Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇:JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段:
面向对象进阶
面向对象终极篇:从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:继承性、多态性、封装性、接口。
设计模式:面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:
封装一个属于自己的框架
框架封装基础:事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级:运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:
模块化组件开发
面向组件编程:面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段:
主流的流行框架
Web开发工作流:GIT/SVN、Yeoman脚手架、NPMer依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用库:React.js、Vue.js、Zepto.js。
第八阶段:
HTML5原生移动应用开发
Cordova:WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目，配置，编译，调试，部署发布)。
Ionic:Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新，上拉加载，侧滑导航，选项卡)。
React Native:React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
HTML5 :HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。
第九阶段:
Node.js全栈开发
快速入门:Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
核心模块和对象:全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操做。
祝你学有所成！
如果大家对于学习前端有任何不懂的可以随时来问我，我给你提供一个非常不错的前端交流学习qun：前面是一一四，中间是一八八，后面是四九三一。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。如果没有比较好的教程，也可以管我要。
C. Python 解析WEB上的JSON数据
python有个包是json的：
#!/usr/local/bin/python
#coding=utf-8
importos
importjsonRes='[{"brief":"ooooo","class_extid":13,"create_time":1131783174,"face_id":4,"flag":6777217,"flag_ext":0,"level":0,"max_member":100,"memo":"m~F~M0m~Zm~@~B","name":"10502","option":2,"ul":[{"flag":4,"u":285},{"flag":4,"u":35}]}]'
qDic=json.loads(Res)
foriinqDic:
printi["class_extid"]
forjini["ul"]:
printstr(j["flag"])+"==="+str(j["u"])
这是一段代码，试着自己改写下。
D. Jquery+json输出的顺序能否按照原始顺序
你好！！
你的想法是好的，不过可悲的是，属性名为数字的，注定了它会按顺序排列的·····
如果在 items 不能改变的情况下，“请帮我修改LinkageSelect.js里的代码，或者改<script type="text/javascript">之间的代码也可以。”，一般人恐怕完成起来很有难度····
你给的网址，我看了下，注意到它的数据中的属性民确实也为数字，但是它的顺序是递增的，所以说人家的顺序其实是排好了的······
解决你的这个问题，最简单的方式就是修改 items，可以将属性名改为"字符+数字"的方式，然后在进行 填充option时进行处理···
只能说这么多了····
E. 如何从json中取数据
只能用循环，代码如下：
[html] view plain
var head_id = "";
var head_pid = "";
for (var i = 0; i < data.head.length; i++) {
head_id += data.head[i].id + " "; //循环输出json数据
head_pid += data.head[i].pid + " ";
}
$("#city").append("city:" + head_id);
$("#city").append("province:" + head_pid);
这样，将会在data之后，依次输出json中的数据。
F. web程序，Servlet中，如何顺序获取前台发送的json类型的数据的值
前台用AJAX将json数据传入后台，同样，后台将数据封装在json串中可传入前台，
前台用ajax的回调函数响应：
示例：
前台脚本：
<script>
$(function(){
$("a").click(function(){
var url = this.href;
var args = {"time":new Date()};
$.getJSON(url,args,function(data){ //回调函数的参数data就是后台封装的json串
$("#bookName").text(data.bookName); //data.属性名 读json串中的内容
$("#totalMoney").text(data.totalMoney);
$("#totalBook").text(data.totalBook);
});
return false;
});
})
</script>
后台封装：在servlet类中代码：
//准备响应JSON对象：
StringBuilder result = new StringBuilder();
result.append("{").append("\"bookName\":\""+bookName+"\"").append(",").append("\"totalMoney\":"+sc.getTotalMonry()).append(",").append("\"totalBook\":"+sc.getTotalNumber()).append("}"); //构建json串
response.setContentType("text/javascript"); //声明类型防止乱码
response.getWriter().print(result.toString()); //响应JSON
G. 在WebApi中返回一个JSON格式的数据，如何到客户端就变了
转载 在使用Web Api的时候，有时候只想返回JSON；实现这一功能有多种方法，本文提供两种方式，一种传统的，一种作者认为是正确的方法。
JSON in Web API – the formatter based approach
只支持JSON最普遍的做法是：首先清除其他所有的formatters，然后只保留JsonMediaTypeFormatter。
有了HttpConfiguration的实例，你将会很简单的清除所有formatters，然后重新添加JsonMediaTypeFormatter。
实现代码如下：
configuration.Formatters.Clear();
configuration.Formatters.Add(new JsonMediaTypeFormatter());这种方式虽然可以实现功能，但是所有的conent negotiation还是会发生，这就会产生以下额外的开销了。因为，你已经知道要返回的结果了，也只想返回Json，其他的content negotiation都不需要了。
下面的方法可以很好的解决这个问题。
JSON in Web API – the conneg based approach
最好的方法是使用自定义的只返回Json Result的content negotiation代替Web Api中默认的content negotiation。
Conneg通过实现IContentNegotiator的Negotiator方法实现扩展。Negotiator方法返回ContentNegotiationResult（它包装了你选择的headers和formatter）。
下面的方法通过传递一个JsonMediaTypeFormatter给自定义的conneg negotiator，让它一直返回applicaton/json 的content-type以及JsonMediaTypeFormatter。这种方法避免了每次请求都要重新创建一次formatter。
代码如下：
public class JsonContentNegotiator : IContentNegotiator
{
private readonly JsonMediaTypeFormatter _jsonFormatter;
public JsonContentNegotiator(JsonMediaTypeFormatter formatter)
{
_jsonFormatter = formatter;
}
public ContentNegotiationResult Negotiate(Type type, HttpRequestMessage request, IEnumerable<MediaTypeFormatter> formatters)
{
var result = new ContentNegotiationResult(_jsonFormatter, new MediaTypeHeaderValue("application/json"));
return result;
}
}接下来，你需要在HttpConfiguration实例上注册你的新的实现机制：
var jsonFormatter = new JsonMediaTypeFormatter();
//optional: set serializer settings here
config.Services.Replace(typeof(IContentNegotiator), new JsonContentNegotiator(jsonFormatter));
通过替换默认的DefaultContentNegotiator，我们使用我们自定义的JsonContentNegotiator，它只支持Json，而且可以马上返回。
如果你想更深入的了解Content Negotiation的知识，你可以查看作者的这篇文章。
总结
通过使用自定义的JsonContentNegotiator替换系统默认的DefaultContentNegotiator，很好的实现Web Api只返回Json的功能，而且没有额外的开销。
H. 怎么在浏览器上查看json数据
浏览器上查看json数据的办法。如下参考：
1.先打开编写的软件web程序。
I. json数据怎么按照固定顺序输出
json数据倒序语句如下所示：
var searchTplStore = new Ext.data.JsonStore({ autoDestroy: true, root:"倒序排列", forceFit: true, scrollOffset: 0 }, enableDragDrop : true,
另外json数据怎么按照固定的顺序输出呢?用到了List和JSONArray
这是想要的结果：["id":"1","text":"哈哈","children":[{"id":"1","text":"01"},{ "id":"2","text":"02" },{"id":"3","text":"03" }]]
但是输出是这样的["children":[{"id":"1","text":"01"},{ "id":"2","text":"02" },{ "id":"3","text":"03" }] ,"id":"1","text":"哈哈"]