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.form.js的使用详解
Jun 14 jQuery
解决IE7中使用jQuery动态操作name问题
Aug 28 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
使用jQuery实现掷骰子游戏
Oct 24 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
JQuery实现折叠式菜单的详细代码
Jun 03 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使用curl简单抓取远程url的方法
2015/03/13 PHP
php使用escapeshellarg时中文被过滤的解决方法
2016/07/10 PHP
CSS JavaScript 实现菜单功能 改进版
2008/12/09 Javascript
基于JQuery制作的产品广告效果
2010/12/08 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
Node.js 的异步 IO 性能探讨
2014/10/08 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
浅析JavaScript Array和string的转换(推荐)
2016/05/20 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
利用js实现前后台传送Json的示例代码
2018/03/29 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
js实现图片粘贴到网页
2019/12/06 Javascript
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
初步解析Python下的多进程编程
2015/04/28 Python
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
python实现实时监控文件的方法
2016/08/26 Python
python画图的函数用法以及技巧
2019/06/28 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
python3代码中实现加法重载的实例
2020/12/03 Python
分布式数据库需要考虑哪些问题
2013/12/08 面试题
《伯牙绝弦》教学反思
2014/03/02 职场文书
分公司负责人任命书
2014/06/04 职场文书
环境卫生标语
2014/06/09 职场文书
党支部承诺书
2015/01/20 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
拿破仑传读书笔记
2015/07/01 职场文书
社区结对共建协议书
2016/03/23 职场文书