快捷導(dǎo)航

jquery ajax加載數(shù)據(jù)前臺渲染方式不用for遍歷的方法

更新時(shí)間：2018年08月09日 10:27:43 作者：承鵬輝Peen

今天小編就為大家分享一篇jquery ajax加載數(shù)據(jù)前臺渲染方式不用for遍歷的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

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加載數(shù)據(jù)前臺渲染方式不用for遍歷的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery操作cookie的示例代碼
這篇文章主要介紹了jQuery操作cookie的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
jQuery實(shí)現(xiàn)分隔條左右拖動功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)分隔條左右拖動功能，需要的朋友可以參考下
2015-11-11
解決jquery1.9不支持browser對象的問題
項(xiàng)目里面一直用的都是jquery1.9，不支持browser對象，百度一下，找到了解決方案在此與大家分享下，有遇到此問題的朋友不要錯(cuò)過
2013-11-11
jQuery通過ajax方法獲取json數(shù)據(jù)不執(zhí)行success的原因及解決方法
這篇文章主要介紹了jQuery通過ajax方法獲取json數(shù)據(jù)不執(zhí)行success的原因及解決方法的相關(guān)資料,需要的朋友可以參考下
2016-10-10
使用delegate方法為一個(gè)tr標(biāo)簽加一個(gè)鏈接
這篇文章主要介紹了使用delegate方法為一個(gè)tr標(biāo)簽加一個(gè)鏈接，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)，需要的朋友可以參考下
2014-06-06
JQuery?AJAX操作代碼
jQuery底層AJAX實(shí)現(xiàn)，其返回其創(chuàng)建的XMLHttpRequest對象，大多數(shù)情況下無需直接操作該函數(shù)，除非需要操作不常用的選項(xiàng)，以獲得更多的靈活性，這篇文章給大家介紹JQuery AJAX操作代碼，感興趣的朋友一起看看吧
2022-12-12
jQuery:unbind方法的使用詳解
這篇文章主要介紹了jQuery:unbind方法的使用詳解的相關(guān)資料,unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊的事件處理程序，需要的朋友可以參考下
2017-08-08
jQuery+jRange實(shí)現(xiàn)滑動選取數(shù)值范圍特效
本文向大家介紹一款范圍選擇器插件jRange，它是基于jQuery的一款簡單插件。本站之前有類似文章：jQuery+CSS使用滑塊選取價(jià)格范圍，其中不太好的地方是使用了jqueryui龐大的插件庫，有興趣的朋友可以看看。下面我們來看下插件jRange的使用。
2015-03-03
jquery實(shí)現(xiàn)移動端按鈕組左右滑動
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)移動端按鈕組左右滑動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
Jquery AJAX 用于計(jì)算點(diǎn)擊率(統(tǒng)計(jì))
Jquery AJAX實(shí)現(xiàn)頁面的統(tǒng)計(jì)代碼，后臺用的是php,這篇文章主要是學(xué)習(xí)jquery下ajax的簡單實(shí)現(xiàn)。
2010-06-06