前后数据交互(ajax) -- 初始化页面表格
// 初始化员工信息列表
function loadpage ( pageNum ) {
var keywords = $("#keywords").val();
$("#tbody").html(""); if ( isNaN(pageNum) ) {
pageNum = 1;
} $.$.ajax({
type: 'GET',
url: contextPath + "/getaccountList/" + pageNum + "/" + pageSize,
dataType: 'json',
contentType: "application/json;charset='UTF-8'",
data: {
keywords: keywords
},
cache: false
success: function () {
if( data.code == 0 ){
// 系统异常 } else if (data.code == 1) {
// 成功
if ( data.data.size != 0 ) {
$("#tbody").html('');
$.each(data.data.list, function () {
$tr = $("<tr/>");
$td1 = $("<td/>").text(item.number == null ? "" : item.number);
$td2 = $("<td/>").text(item.nickName == null ? "" : item.nickName);
$td3 = $("<td/>").text(item.tel == null ? "" : item.tel);
$td4 = $("<td/>").text(item.createTime == null ? "" : item.createTime);
$td5 = $("<td/>").text(accountRole(item.roleId));
$td6 = $("<td/>").text(item.status == 0 ? "正常" : "停用");
$td7 = $("<td/>")
$tdai2 = $("<i/>").addClass('iconfont icon-btn reset-pwd').attr({
"title": "重置密码",
"data-id": item-userId
}).html("");
$td7.append(choiceStatus(item.userId, item.status, item.nickName)).append($tdai2);
$tr.append($td1).append($td2).append($td3).append($td4).append($td5).append($td6).append($td7);
//$tr.append($td1);
//$tr.append($td2);
//$tr.append($td3);
//$tr.append($td4);
//$tr.append($td5);
//$tr.append($td6);
//$tr.append($td7);
// 追加到tbody中
$("#tbody").append($tr); }); // 初始化功能事件
initEvent(2); } else {
// 数据为空
}
// 分页加载
createPageText(data.data); } else if (data.code == -1) {
// 未登录
index();
} } // success end
}) // ajax end }
前后数据交互(ajax) -- 初始化页面表格的更多相关文章
- 数据交互 ajax 初始化省
1 //初始化省 2 function initProvince() { 3 if( areaLvel == 0 ) { 4 return; 5 } 6 // 清空option 7 $("# ...
- 数据交互 ajax代码整理
请求列表通用 /** **加载对应的试卷套题 ** */ function loadQuestions(){ var businessSubClass = { pageNo:pageNo, pageS ...
- 前端与后端数据交互的方式之ajax
前端与后端数据交互的方式之Ajax 对于前端学习而言,CSS+HTML+JavaScript的学习在自我学习的情况下掌握也不是很难,但是想要实现前后端的数据交互在没有指导的情况下学习会是一头雾水.接下 ...
- Django学习笔记(8)——前后台数据交互实战(AJAX)
这里将自己这段时间学习的关于前后台数据交互的笔记写在这里,这里包含了Django传输数据给JS,AJAX的相关问题,跨域问题,如何解决AJAX的跨域问题等等.比较凌乱,请看到这篇博客的盆友见谅,如果我 ...
- 前后端数据交互(二)——原生 ajax 请求详解
一.ajax介绍 ajax 是前后端交互的重要手段或桥梁.它不是一个技术,是一组技术的组合. ajax :a:异步:j:js:a:和:x:服务端的数据. ajax的组成: 异步的 js 事件 其他 j ...
- 摸索出来的chrom调试前后台数据(Java&&Ajax)交互的方法分享一下咯!!!
1:开始没想分享的,后来看到有大佬分享如何使用Chrom的工具进行调试,哈哈哈哼,我就借着他的博客写一下我摸索的如何进行前后台数据交互吧(注:反正是自己瞎 捣鼓出来的,也许适合我,and我脑补一下吧, ...
- Struts2与Ajax数据交互
写在前面: ajax请求在项目中常常使用,今天就平时掌握的总结一下,关于使用ajax请求到Struts2中的action时,前台页面与后台action之间的数据传递交互问题. 这里我主要记录下自己所掌 ...
- 两种方法实现asp.net方案的前后端数据交互(aspx文件、html+ashx+ajax)
一个HTML页面只能显示HTML代码信息,不能与数据库进行数据的交互.asp.net方案提供了网页与数据库交互的方法,这里举出两种:①aspx文件 ②ashx文件+ajax技术 一.创建数据库 这里以 ...
- 前端与后端的数据交互(jquery ajax+python flask)
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收 ...
随机推荐
- 报错:org.eclipse.swt.SWTError: No more handles at org.eclipse.swt.SWT.error(SWT.java:4517)
在Mars.Kepler的版本裡,時常會出現以下錯誤導致eclipse無法進行運作 Error.log org.eclipse.swt.SWTError: No more handles at ...
- 提高mysql插入性能
参考地址:http://blog.jobbole.com/29432/ 参数优化: 1. SQL语句是有长度限制,在进行数据合并在同一SQL中务必不能超过SQL长度限制,通过max_allowed_p ...
- ASP.Net系列教程
Getting Started with ASP.NET MVC This is a beginner tutorial that introduces the basics of ASP.NET M ...
- DSO转换规则的Aggregation默认为覆盖MOV
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- C#:Hashtable和Dictionary
Dictionary<TKey, TValue> () Hashtable() 第一.存储的数据类型 Hashtable不是泛型的,不是类型安全的:Dictionary是泛型的, ...
- linux命令:mkdir命令
命令参数: -m, --mode=模式,设定权限<模式> (类似 chmod),而不是 rwxrwxrwx 减 umask -p, --parents 可以是一个路径名称.此时若路径中的 ...
- Model Binding
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- android DevicePolicyManager实现一键锁屏
本文章一部分资料来源于网上 1.实现一键锁屏关键是DevicePolicyManager这个类,然后使用lockNow():方法. 2.DevicePolicyManager类,可以让你的做软件获得系 ...
- 如何理解 Java 中的 <T extends Comparable<? super T>>
Java 中类似 <T extends Comparable<? super T>> 这样的类型参数 (Type Parameter) 在 JDK 中或工具类方法中经常能看到. ...
- VMware技巧01
1.20160930 VMware® Workstation 10.0.4 build-2249910,使用中遇到问题(WinXP sp3):网卡 桥接模式,NAT模式 都连不上网... 今天,尝试了 ...