// 初始化员工信息列表
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: falsesuccess: 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 }

  

转载于:https://www.cnblogs.com/zsongs/p/5998230.html

前后数据交互(ajax) -- 初始化页面表格相关推荐

  1. 前后端数据交互——ajax(原生及jquery)

    目录 前后端数据交互--ajax 1. 介绍 2.原生ajax用法 3.jquery的ajax 4.ajax原理说明 前后端数据交互--ajax 1. 介绍 1.1 定义 Ajax(Asynchron ...

  2. 前后端数据交互——ajax技术

    在实际开发过程中,前端页面通常需要根据后台数据实现动态生成和实时更新,因此如何实现前后端数据交互成了开发过程中的难题. 现将使用ajax技术解决前后端数据的交互: (1)ajax技术介绍: ajax一 ...

  3. table表格for循环绑定数据_.NET MVC 页面表格绘制

    为了简单起见.该示例中省略M层的描述,直接通过VC两层来实现.Net web编程中的表格基本绘制实现 新建一个MVC项目(我用的是visual studio 2017) VS2017 web MVC ...

  4. 【Ajax】实现网页与服务器之间的数据交互

    Per aspera ad astra 循此苦旅,以觅繁星 通过这篇文章带你了解网页与服务器之间的数据交互的原理与使用方法. 一.服务器的基本概念 在实现数据交互之前先了解服务器的概念,有助于我们之后 ...

  5. 实现网页与服务器之间的数据交互

    目录 一.Ajax 1.1.什么是Ajax? 1.2.jQuery中的Ajax 1.$.get()从服务器中获取数据 ✨ 2.$.post()从服务器中获取数据 ✨ 3.$.ajax()从服务器中获取 ...

  6. 15_心理咨询_微信小程序项目实战_数据交互_首页

    前置 把十方智育的图片资源.视频资源等都放在json-server的public目录下面的指定文件夹中:                 public    json-server的静态资源目录    ...

  7. 前端读取Excel文件,回显页面表格(使用js-xls 插件)

    序: 由于项目需求,不使用后台读取Excel数据回显表格,减少前后台交互,降低服务器的压力,使用前台进行操作. 需要用到的js 插件, xlsx.core.min.js 下载地址 demo <! ...

  8. Vue中的数据交互axios

    数据交互 ajax: 原理必须要能说出来流程即可. jquery_ajax. 我们promise要结合它 Promise + async函数的 前端的主要工作:1. 画页面.2. 请求ajax (后端 ...

  9. 微信小程序之数据交互

    学习视频: https://www.bilibili.com/video/BV1Gv411g7j6?p=88&spm_id_from=pageDriver 数据交互(首页) 把图片.视频资源放 ...

最新文章

  1. 百度CTO王海峰阐释AI融合创新,降低门槛,按下产业智能化加速键
  2. Python Numpy包安装
  3. 机器人学习--定位、建图、SLAM(声呐、激光等扫描束方案)的发展史
  4. ​搜出来的文本:从文本生成到搜索采样
  5. 《Java 核心技术卷1 第10版》学习笔记------日志
  6. 虎牙直播在AI实时剪辑技术上的创新实践
  7. 什么是地址译码 理解二进制编码
  8. Android Studio1.4.x JNI开发基础 - 简单实例
  9. 微服务的一种开源实现方式——dubbo+zookeeper
  10. vue放大缩小div_vue 放大缩小 svg 图形(原理类似整个列表更新)
  11. PC下串口IO空间及其寄存器详解
  12. 314.二叉树的垂直遍历
  13. bzoj3173: [Tjoi2013]最长上升子序列(fhqtreap)
  14. java使用POI识别excel的复选框插件
  15. 消息中间件(消息队列)介绍
  16. 考研英语-旧题高频词(齐雪妮老师)-2020-02-27,03-05,03-12,03-19
  17. 简单做(ZTD)的十个好习惯总结--转
  18. 山东自然人dai开给于企业核定征收纳税
  19. HTML —— 语义化标签
  20. 【历史上的今天】11 月 20 日:微软发布 Windows 1.0;Lotus Notes 发明者出生;奔腾4 诞生

热门文章

  1. LeetCode 面试题 03 数组中重复的数字
  2. Lua协程Coroutine是什么
  3. java转换汇编,请问如何把JAVA程序转为汇编?
  4. c语言所有关键字作用,void_C语言void关键字详解
  5. oracle 11g b表空间什么情况下自动增加,Oracle 11g表空间——创建和扩展(永久)表空间...
  6. oracle大于当前月,oracle 现阶段年 当前月 当前周 当前日
  7. mvc路由 html,asp.net-mvc – ASP.NET MVC路由从html页面开始
  8. [渝粤教育] 西北工业大学 模拟电子技术基础 参考 资料
  9. 【渝粤教育】国家开放大学2018年春季 0300-21T图形创意 参考试题
  10. 【渝粤教育】电大中专学前儿童语言教育 (4)作业 题库