ul中的li动态获取后台数据$.each()的使用方式
2017-11-23 10:55
218 查看
my.leftCarRealTimeInformation = function(){
$.ajax({
url: '----------后台给的数据地址------------',
type: 'post', //获取数据方式:post/get
async: false, //加载方式默认异步,true为同步
dataType:'json', //数据格式
success:function(data){
var carNewsList = "";
$.each(data,function(i,item){ //遍历ul中的li
carNewsList += "<li style='font-size:14px;color:#5d5d5d;'>"+item.columnName+"</li>";
});
$('#leftCarInformationList').html(carNewsList); //数据在<ul id="leftCarInformationList"></ul>里面显示
},
error: function(obj){
alert("return error:"+obj);
},
});
};
$.ajax({
url: '----------后台给的数据地址------------',
type: 'post', //获取数据方式:post/get
async: false, //加载方式默认异步,true为同步
dataType:'json', //数据格式
success:function(data){
var carNewsList = "";
$.each(data,function(i,item){ //遍历ul中的li
carNewsList += "<li style='font-size:14px;color:#5d5d5d;'>"+item.columnName+"</li>";
});
$('#leftCarInformationList').html(carNewsList); //数据在<ul id="leftCarInformationList"></ul>里面显示
},
error: function(obj){
alert("return error:"+obj);
},
});
};
相关文章推荐
- 使用echart从后台获取数据动态显示到页面
- 在Vue中使用了Swiper ,动态从后台获取数据的之后,swiper滑动失效
- 第一次使用echart从后台获取数据动态显示到页面
- 第一次使用echart从后台获取数据动态显示到页面
- 根据后台接口获取动态数据,使用JS拼接html
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- ul,li动态获取数据库数据并输出
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- React使用jquery方式动态获取数据
- 使用 HighCharts 动态获取后台数据生成图表
- flex里面几种获取后台数据的方式
- (转)在C#中使用WIA获取扫描仪数据(四、通过编程方式扫描图像)
- 在Hibernate中获取数据方式与缓存使用
- ASP.NET中动态获取数据使用Highcharts图表控件
- Hibernate获取数据方式与缓存使用
- Hibernate获取数据方式与缓存使用
- Hibernate获取数据方式与缓存使用
- 后台获取 GridView 行数据的常见两种方式
- Hibernate获取数据方式与缓存使用
- Hibernate获取数据方式与缓存使用