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


Posted in jQuery onAugust 09, 2018

如下所示:

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遍历的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery树插件zTree使用方法详解
May 02 jQuery
简单实现jQuery弹幕效果
May 06 jQuery
jquery.masonry瀑布流效果
May 25 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
JQuery常见节点操作实例分析
May 15 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 #jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 #jQuery
使用jquery DataTable和ajax向页面显示数据列表的方法
Aug 09 #jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 #jQuery
jQuery AJAX 方法success()后台传来的4种数据详解
Aug 08 #jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 #jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 #jQuery
You might like
php 无限级缓存的类的扩展
2009/03/16 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
用window.location.href实现刷新另个框架页面
2007/03/07 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
微信小程序dom操作的替代思路实例分析
2018/12/06 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
细说webpack6 Babel的使用详解
2019/09/26 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
python内存管理分析
2015/04/08 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
Python无损音乐搜索引擎实现代码
2018/02/02 Python
Python使用LDAP做用户认证的方法
2019/06/20 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
Pycharm添加虚拟解释器报错问题解决方案
2020/10/13 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
开发中都用到了那些设计模式?用在什么场合?
2014/08/21 面试题
大学生村官座谈会发言材料
2014/05/25 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
办公室年度工作总结2015
2015/05/21 职场文书
雷锋的观后感
2015/06/10 职场文书
于丹论语心得观后感
2015/06/15 职场文书
退休欢送会致辞
2015/07/31 职场文书
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis
Python利用capstone实现反汇编
2022/04/06 Python