1.JS 循环遍历JSON数据
后台返回这样的json数据,怎么写到前端?
function (text) {
var arr = [];
var html = "";
for(var i=0; i<text.rows.length;i++){
arr.push(text.rows[i].name);
}
或者:
- <script type="text/javascript">
- function text(){
- var json = {"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}
- json = eval(json.options)
- for(var i=0; i<json.length; i++)
- {
- alert(json[i].text+" " + json[i].value)
- }
- }
- </script>
2. 根据后台输出,循环写出<li>
vararr=['变电部分第1章‘,’变电部分第2章‘,’变电部分第3章’];
- 输出:
<div class="list"> <ul id="content" style="margin-top: 30px"> </ul> </div>
-
success:function (text) { var arr = []; var html = ""; for(var i=0; i<text.rows.length;i++){ arr.push(text.rows[i].name); } alert(arr); for(var i=0;i<arr.length;i++){ html += "<li><a href='javascript:;' class='weui-btn_primary open-popup' data-target='#full'><div class='weui-cell__bd'><p >"+arr[i]+"</p></div></a></li>"; } document.getElementById('content').innerHTML = html;
hmtl代码: