首页 > 编程 > JavaScript > 正文

jquery ajax加载数据前台渲染方式 不用for遍历的方法

2019-11-19 13:18:08
字体:
来源:转载
供稿:网友

如下所示:

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遍历的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表