此為原創(chuàng)，轉(zhuǎn)載請注明出處！

/*
* 共通用綁定頁面數(shù)據(jù)用方法
*
* @param bingData 需要綁定的數(shù)據(jù)
*
* @return 無
*
*/
function commonBindData(bingData) {
// 取得需綁定的json數(shù)據(jù)
var jsonArray = eval("(" + bingData + ")");

// 按照控件類型進(jìn)行動態(tài)綁定數(shù)據(jù)
for ( var jsonUnit in jsonArray) {
// 取得類型
selObjStr = "#" + jsonUnit;
var tagType = $(selObjStr).attr("type");

// 綁定數(shù)據(jù)
switch (tagType) {
// 該控件為Span
case ("span"):
$(selObjStr).html(jsonArray[jsonUnit]);
break;
// 該控件為Text
case ("text"):
$(selObjStr).val(jsonArray[jsonUnit]);
break;
// 該控件為textarea
case ("textarea"):
$(selObjStr).val(jsonArray[jsonUnit]);
break;
// 該控件為hidden
case ("hidden"):
$(selObjStr).val(jsonArray[jsonUnit]);
break;
// 該控件為radio
case ("radio"):
tmpStr = "#" + jsonUnit;
if (jsonArray[jsonUnit] != "" && jsonArray[jsonUnit] != "undefined") {
$(tmpStr).attr("checked", true);
}
break;
// 該控件為CheckBox
case ("checkBox"):
if (jsonArray[jsonUnit] != "") {
$(selObjStr).prop("checked", true);
} else {
$(selObjStr).prop("checked", false);
}
break;
// 該控件為Table
case ("table"):
var tableData = jsonArray[jsonUnit];
for(var rowData in tableData) {
addTableRow(jsonUnit, rowData);
}
break;
default:
// 該控件為Select
if ($(selObjStr)[0] != null) {
var selType = $(selObjStr)[0].type;
if (String(selType).indexOf("select") > -1) {
var selTmp = "option[value='" + jsonArray[jsonUnit] + "']";
$(selObjStr).find(selTmp).attr("selected",true);
}
}
break;
}
}
}

轉(zhuǎn)載于:https://www.cnblogs.com/weijieyun/p/6050834.html

總結(jié)

以上是生活随笔為你收集整理的动态给H5页面绑定数据，基本万能无错误！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。