jquery ajax加載數(shù)據(jù)前臺渲染方式 不用for遍歷的方法
更新時間：2018年08月09日 10:27:43 作者：承鵬輝Peen
今天小編就為大家分享一篇jquery ajax加載數(shù)據(jù)前臺渲染方式 不用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加載數(shù)據(jù)前臺渲染方式 不用for遍歷的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了jquery使整個div區(qū)域可以點擊的方法,涉及jQuery操作頁面元素與鼠標事件的技巧,需要的朋友可以參考下2015-06-06
jquery.tableSort.js表格排序插件使用方法詳解
這篇文章主要為大家詳細介紹了jquery.tableSort.js表格排序插件使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery ajax中使用confirm,確認是否刪除的簡單實例
下面小編就為大家?guī)硪黄猨Query ajax 中使用confirm ,確認是否刪除的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要為大家詳細介紹了jquery實現(xiàn)簡單下拉菜單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
jQuery使用empty()方法刪除元素及其所有子元素的方法
這篇文章主要介紹了jQuery使用empty()方法刪除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
Jquery實現(xiàn)無刷新DropDownList聯(lián)動實現(xiàn)代碼
隨著Jquery1.4的發(fā)布，Jquery運用越來越多了，讓我們來實現(xiàn)以前經(jīng)常用到的DropDownList無刷新聯(lián)動。2010-03-03
JQUERY 對象與DOM對象之兩者相互間的轉(zhuǎn)換
jquery對象的相應方法DOM對象不能使用，而DOM對象的相應方法jquery也不能使用。所以在具體項目中要注意Jquery對象與DOM對象的轉(zhuǎn)換問題2009-04-04
在平時的項目中，我們經(jīng)常需要一些特效鏈接，如果使效果進一步加強，我們可以使點擊錨點鏈接平滑滾動到錨點，下面就來給大家講解下如何使用jQuery來實現(xiàn)。2015-05-05
這篇文章主要介紹了分別用jQuery和CSS將背景圖片進行拉伸，讓它在頁面中隨著瀏覽器尺寸進行拉伸，就像我們的電腦桌面壁紙效果,需要的朋友可以參考下2015-10-10
JQUERY1.6 使用方法四 檢測瀏覽器實現(xiàn)代碼，需要的朋友可以參考下。2011-11-11