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插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
Jquery-data的三种用法
Apr 18 jQuery
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
jQuery实现按比例缩放图片的方法
Apr 29 jQuery
浅谈struts1 &amp; jquery form 文件异步上传
May 25 jQuery
jQuery实现可编辑表格并生成json结果(实例代码)
Jul 19 jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
jQuery事件委托代码实践详解
Jun 21 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
PHP4实际应用经验篇(7)
2006/10/09 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
PHP迭代器接口Iterator用法分析
2017/12/28 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
Hutia 的 JS 代码集
2006/10/24 Javascript
JQuery实现自定义对话框的代码
2008/06/15 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
2016/11/23 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
怎样使你的 JavaScript 代码简单易读(推荐)
2019/04/16 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
antd Select下拉菜单动态添加option里的内容操作
2020/11/02 Javascript
python登录pop3邮件服务器接收邮件的方法
2015/04/30 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
Pytorch保存模型用于测试和用于继续训练的区别详解
2020/01/10 Python
keras slice layer 层实现方式
2020/06/11 Python
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
新入职员工的自我介绍演讲稿
2014/01/02 职场文书
师范生免费教育协议书范本
2014/10/09 职场文书
让子弹飞观后感
2015/06/11 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书
Java org.w3c.dom.Document 类方法引用报错
2021/08/07 Java/Android
MySQL之select、distinct、limit的使用
2021/11/11 MySQL