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


            如下所示：





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