快捷導(dǎo)航

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

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

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

如下所示：

var provinces = res.res;
var html = [];
var option_select='<option value="" >請(qǐng)選擇</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="">-請(qǐng)選擇-</option>');
			}
		})
	}

以上這篇jquery ajax加載數(shù)據(jù)前臺(tái)渲染方式不用for遍歷的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法
這篇文章主要介紹了jquery使整個(gè)div區(qū)域可以點(diǎn)擊的方法,涉及jQuery操作頁(yè)面元素與鼠標(biāo)事件的技巧,需要的朋友可以參考下
2015-06-06
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
jQuery ajax中使用confirm,確認(rèn)是否刪除的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery ajax 中使用confirm ,確認(rèn)是否刪除的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
jquery實(shí)現(xiàn)簡(jiǎn)單下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)簡(jiǎn)單下拉菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
jQuery使用empty()方法刪除元素及其所有子元素的方法
這篇文章主要介紹了jQuery使用empty()方法刪除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
Jquery實(shí)現(xiàn)無(wú)刷新DropDownList聯(lián)動(dòng)實(shí)現(xiàn)代碼
隨著Jquery1.4的發(fā)布，Jquery運(yùn)用越來(lái)越多了，讓我們來(lái)實(shí)現(xiàn)以前經(jīng)常用到的DropDownList無(wú)刷新聯(lián)動(dòng)。
2010-03-03
JQUERY 對(duì)象與DOM對(duì)象之兩者相互間的轉(zhuǎn)換
jquery對(duì)象的相應(yīng)方法DOM對(duì)象不能使用，而DOM對(duì)象的相應(yīng)方法jquery也不能使用。所以在具體項(xiàng)目中要注意Jquery對(duì)象與DOM對(duì)象的轉(zhuǎn)換問(wèn)題
2009-04-04
JQuery簡(jiǎn)單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動(dòng)
在平時(shí)的項(xiàng)目中，我們經(jīng)常需要一些特效鏈接，如果使效果進(jìn)一步加強(qiáng)，我們可以使點(diǎn)擊錨點(diǎn)鏈接平滑滾動(dòng)到錨點(diǎn)，下面就來(lái)給大家講解下如何使用jQuery來(lái)實(shí)現(xiàn)。
2015-05-05
利用jQuery和CSS將背景圖片拉伸
這篇文章主要介紹了分別用jQuery和CSS將背景圖片進(jìn)行拉伸，讓它在頁(yè)面中隨著瀏覽器尺寸進(jìn)行拉伸，就像我們的電腦桌面壁紙效果,需要的朋友可以參考下
2015-10-10
JQUERY1.6 使用方法四檢測(cè)瀏覽器
JQUERY1.6 使用方法四檢測(cè)瀏覽器實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-11-11