当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jquery ajax加载数据前台渲染方式 不用for遍历的方法

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

2018年08月19日  | 移动技术网IT编程  | 我要评论
如下所示: var provinces = res.res; var html = []; var option_select='<option val

如下所示:

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

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网