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加密密码到cookie的实现代码
Apr 18 jQuery
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
jQuery实现checkbox的简单操作
Nov 18 jQuery
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
详解JQuery基础动画操作
Apr 12 jQuery
详解jQuery如何实现模糊搜索
May 10 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 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
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
jquery eval解析JSON中的注意点介绍
2013/08/23 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
AngularJS语法详解(续)
2015/01/23 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
Nodejs全局安装和本地安装的不同之处
2016/07/04 NodeJs
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
微信小程序 视图容器组件的详解及实例代码
2017/01/19 Javascript
拖动时防止选中
2017/02/03 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
2017/08/01 jQuery
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
vue自定义树状结构图的实现方法
2020/10/18 Javascript
使用Django Form解决表单数据无法动态刷新的两种方法
2017/07/14 Python
python将每个单词按空格分开并保存到文件中
2018/03/19 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
基于torch.where和布尔索引的速度比较
2020/01/02 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
Python LMDB库的使用示例
2021/02/14 Python
HTML5里autofocus自动聚焦属性使用介绍
2016/06/22 HTML / CSS
加拿大的标志性百货公司:Hudson’s Bay(哈得逊湾)
2019/09/03 全球购物
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
医学生自我评价
2014/01/27 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
新生入学欢迎词
2015/01/26 职场文书
2015年数学教研组工作总结
2015/05/23 职场文书
宿舍管理制度范本
2015/08/07 职场文书
python控制台打印log输出重复的解决方法
2021/05/14 Python
Python Django模型详解
2021/10/05 Python