一、$.ajax()
$.ajax({
url:"getProvMessage",//请求地址，一般为controller层的映射路径
type:"post",//请求方式get/post
async: false,//是否支持异步true/false
data:{name:value …}//请求传递的参数
dataType: "json",//返回数据样式，这里是json
success: function (data) {//请求成功所进行的回调方法
var jsonObj = data.data;
row += '<tr>';
row += '<td>' + jsonObj[18].provNameNew + '</td>';
row += '<td>' + jsonObj[18].provPeopleNumberNew + '</td>';
row += '<td>' + jsonObj[18].provUserNumberNew + '</td>';
row += '<td>' + jsonObj[18].provCoverageNew + '%</td>';
row += '<td>' + jsonObj[18].provCallUserNew + '</td>';
row += '<td>' + jsonObj[18].provNetUserNew + '</td>';
row += '<td>' + jsonObj[18].provMessageUserNew + '</td>';
row += '<td>' + jsonObj[18].provWeChatUserNew + '</td>';
row += '</tr>';
$('.table-body').append(row);
},error: function(XMLHttpRequest,textStatus) {//发生错响应的处理
console.info("Error -> proScheduleTab: "+textStatus+","+errorThrown);
}
});
二、$.each()
1. 对象的遍历
/**
jsonObj--需要遍历的对象
function(I,item):i-对象中元素的下标，item-每一个对象元素
*/
var jsonObj = data.data;
$.each(jsonObj,function(i,item){
str += '<tr>';
str += '<td style="background-color: #363636">' + item.provNameNew + '</td>';
str += '</tr>';
});
2.标签元素的遍历
//遍历table的<td>元素
$(".table-body tr").each(function(index) {
//console.info('lzj index:'+index);
if(index<3){
$(this).children('td').css("color","yellow");//修改指定标签字体颜色
}
});