如下所示:
var provinces = res.res; var html = []; var option_select='<option value="" >请选择</option>'; var tpl = '<option value="{1}" data-id="{1}" data-name="{0}">{0}</option>'; html.push(option_select); $.each(provinces, function (i, n) { <span style="white-space:pre"> </span>html.push(tpl.format(n.name, n.id)); }); //alert(html.join()); $('#class').html(html.join(''));
function getXueke() { var gradeId = $('#grade_id').val(); if (gradeId == '') { $('#textbook_id').html('<option value="">-选择-</option>'); return; } $.get('index.php?m=Home&c=ClassList&a=getgradesandCourse', { 'grade_id': gradeId }, function (res) { var options = []; $.each(res, function (index, item) { options.push('<option value="{0}">{1}</option>'.format(item.id, item.course_name)); }); if (options.length > 0) { $('#textbook_id').html(options.join('')); } else { $('#textbook_id').html('<option value="">-请选择-</option>'); } }) }
以上这篇jquery ajax加载数据前台渲染方式 不用for遍历的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- JQuery Ajax动态加载Table数据的实例讲解
- jQuery实现动态加载select下拉列表项功能示例
- jquery引入外部CDN 加载失败则引入本地jq库
- JS文件中加载jquery.js的实例代码
- jQuery+datatables插件实现ajax加载数据与增删改查功能示例
- jquery 实现拖动文件上传加载进度条功能
- jQuery实现滚动到底部时自动加载更多的方法示例
- 菊花转动的jquery加载动画效果