欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2018年08月09日 10:27:43   作者：承鵬輝Peen  
今天小編就為大家分享一篇jquery ajax加載數(shù)據(jù)前臺(tái)渲染方式 不用for遍歷的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

如下所示：

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遍歷的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • jQuery操作cookie的示例代碼

    jQuery操作cookie的示例代碼

    這篇文章主要介紹了jQuery操作cookie的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-06-06
  • jQuery實(shí)現(xiàn)分隔條左右拖動(dòng)功能

    jQuery實(shí)現(xiàn)分隔條左右拖動(dòng)功能

    這篇文章主要介紹了jQuery實(shí)現(xiàn)分隔條左右拖動(dòng)功能，需要的朋友可以參考下
    2015-11-11
  • 解決jquery1.9不支持browser對(duì)象的問題

    解決jquery1.9不支持browser對(duì)象的問題

    項(xiàng)目里面一直用的都是jquery1.9，不支持browser對(duì)象，百度一下，找到了解決方案在此與大家分享下，有遇到此問題的朋友不要錯(cuò)過
    2013-11-11
  • jQuery通過ajax方法獲取json數(shù)據(jù)不執(zhí)行success的原因及解決方法

    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è)鏈接

    這篇文章主要介紹了使用delegate方法為一個(gè)tr標(biāo)簽加一個(gè)鏈接，并規(guī)定當(dāng)這些事件發(fā)生時(shí)運(yùn)行的函數(shù)，需要的朋友可以參考下
    2014-06-06
  • JQuery?AJAX操作代碼

    JQuery?AJAX操作代碼

    jQuery底層AJAX實(shí)現(xiàn)，其返回其創(chuàng)建的XMLHttpRequest對(duì)象，大多數(shù)情況下無需直接操作該函數(shù)，除非需要操作不常用的選項(xiàng)，以獲得更多的靈活性，這篇文章給大家介紹JQuery AJAX操作代碼，感興趣的朋友一起看看吧
    2022-12-12
  • jQuery:unbind方法的使用詳解

    jQuery:unbind方法的使用詳解

    這篇文章主要介紹了jQuery:unbind方法的使用詳解的相關(guān)資料,unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊(cè)的事件處理程序，需要的朋友可以參考下
    2017-08-08
  • jQuery+jRange實(shí)現(xiàn)滑動(dòng)選取數(shù)值范圍特效

    jQuery+jRange實(shí)現(xiàn)滑動(dòng)選取數(shù)值范圍特效

    本文向大家介紹一款范圍選擇器插件jRange，它是基于jQuery的一款簡單插件。本站之前有類似文章：jQuery+CSS使用滑塊選取價(jià)格范圍，其中不太好的地方是使用了jqueryui龐大的插件庫，有興趣的朋友可以看看。下面我們來看下插件jRange的使用。
    2015-03-03
  • jquery實(shí)現(xiàn)移動(dòng)端按鈕組左右滑動(dòng)

    jquery實(shí)現(xiàn)移動(dòng)端按鈕組左右滑動(dòng)

    這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)移動(dòng)端按鈕組左右滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-03-03
  • Jquery AJAX 用于計(jì)算點(diǎn)擊率(統(tǒng)計(jì))

    Jquery AJAX 用于計(jì)算點(diǎn)擊率(統(tǒng)計(jì))

    Jquery AJAX實(shí)現(xiàn)頁面的統(tǒng)計(jì)代碼，后臺(tái)用的是php,這篇文章主要是學(xué)習(xí)jquery下ajax的簡單實(shí)現(xiàn)。
    2010-06-06

最新評(píng)論