jq通过ajax获取数据绑定到页面上有好多种方法,记录下我在项目中用到的几种方法
append()方法
var resData = GetPostApiData(url, informationdetaildata);
if (resData.Rescode == "0000") {
var informationdetaillist = resData.Resdatas;
if (informationdetaillist != null) { //在做项目中注意下这个判断, rescode=0000是返回成功,informationdetaillist != null是有数据
var html = '';
html += ' <div class="content">' + informationdetaillist[0].Content+''
html += ' </div>'
$("#detail_content").append(html); //通过append填充进去
}
} else {
$(".app").wwsShowLayer(
{
IconType: "error",
Message: resData.Resmessage,
ShowTime: 2,
OnHide: function () {
}
}
);
}
html()方法
function bindRegion() {
var cityId = $('#city option:selected').val();
regionlist = getAddress(cityId);
if (regionlist != null) {
var optionsHtml = "<option value=\"88888888\">--请选择区县--</option>";
$.each(regionlist, function (i, v) {
optionsHtml += "<option value=\"" + v.Id + "\">" + v.AreaName + "</option>";
});
$("#region").html(optionsHtml);
}
}
创建节点再填充方法
//绑定省份列表
function bindProvince() {
$("#region").html("");
var provincelist = getAddress("0");
if (provincelist != null) {
$.each(provincelist, function (i, v) {
var option = document.createElement("option"); //创建节点
$(option).attr({ "value": v.AreaName, "id": v.Id }).text(v.AreaName);
$("#provance").append(option);
});
}
}