$.ajax() 和$.each()一个使用实例

一、$.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");//修改指定标签字体颜色
 }
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!