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

如下所示:

创新互联是一家专注于成都网站建设、做网站与策划设计,惠来网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:惠来等地区。惠来做网站价格咨询:028-86922220

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

文章标题:jqueryajax加载数据前台渲染方式不用for遍历的方法
分享地址:https://www.cdcxhl.com/article26/jciojg.html

成都网站建设公司_创新互联,为您提供关键词优化外贸网站建设App开发服务器托管虚拟主机品牌网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站托管运营