1、引入bootstrap和jquery的cdn
"
rel=
"external nofollow"
>
2、html部分
名字
開始時間
是否真實
裝置
3、js部分
1>使用for in
$(
function
()
}
})
})
***注意****
for
in
通常用於物件
遍歷陣列的兩種方法(each,foreach):
$.each(arr,
function
(index,item){})
arr.foreach(
function
(item,index))
// arr為陣列 ,index索引,item為當前值
2>each方法
$(
function
())
}
})})
總結:獲取物件屬性的方法:item.name或item['name']
jquery新增節點方法:
prepend:在之後新增li
-----延伸----
(1)將資料中is_true中的0轉換為中文
採用三目運算或條件判斷?
item.is_true=parseint(item.is_true)==0?
'否'
:
'是'
//注意資料是string型別需轉換,且三目運算子返回的是結果不能寫成item.is_true==0? item.is_true='否': item.is_true='是'
(2)將資料中device過濾只顯示冒號以前的資料?
item.is_true=parseint(item.is_true)==0?
'否'
:
'是'
var
arr=item.device.split(
":"
)
item.device=arr[0]
split()分隔符方法用於把乙個字串分割成字串陣列
4.data.json檔案?
,
,
]
}
效果圖:
以上這篇jquery 通過ajax請求獲取後台資料顯示在**上的方法
**:
後台傳送Http請求
get方式傳送請求 建立http請求 指定請求型別 接收伺服器響應結果 post傳送請求 傳送請求 指定請求型別 將要post給伺服器的資料寫入請求建立的流中 接收伺服器響應結果 httpwebrequest不能直接通過new來建立,只能通過webrequest.create url 的方式來獲得。...
vue請求後台介面
首先在vue安裝axios d vue01 npm install axios s npm warn rollback rolling back node pre gyp 0.12.0 failed this is probably harmless eperm operation not perm...
jQuery請求後台介面
function test success function test 由於採取了bootstrap select的樣式,這就不是乙個普通的select,在動態載入之後必須重新整理 selectpicker selectpicker refresh 對於上面的 我們其實主要來看下幾個重要的引數 1 ...