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":"哈哈"]