• 2015/10/21 http请求数据处理后显示


      初衷是这样的:希望能把每天接触到的新内容有个比较全的整理,可是鉴于知识面不够,还不能达到这一步,所以现在只好记录自己当天做过的一些小技巧或实现之类的,希望能跟志同道合的大伙儿交流交流!

      之前做前端的开发对于一些ajax或表单请求服务器响应回来的数据都是直接显示的,但数据库存储的数据不总是页面直接展示的一样的,比如在处理人的性别时,对于‘男’‘女’字段,数据库存储的可能就是0|1,这时候就要对数据进行处理后再显示了,下面举两个小例子:

      1、bootstrap table列表显示性别‘男’/’女‘(数据库中对应存储的数据为’0‘/’1‘)

        bootstrap table有一个option, responseHandler:function(res) {return res;},其中res就是响应数据,关键代码如下:

        responseHandler:function(res) {

          for(var i = 0; i < res.rows.length; i++){   //因为响应的json格式数据,要显示的内容在数组rows中

            if(res.row[i].sex == 0){

              res.row[i].sex = "男";

            }else{

              res.row[i].sex = "女";

            }

          }

        return res;}

      2、假如对一个列表中的员工信息点击”修改“然后跳转页面,要将员工原来的信息显示在页面上,而”性别“的信息又是要用下拉列表来显示的,这样我们可以在页面对响应的数据中"sex"字段的值保存在隐藏标签中,然后通过js将"sex"字段的值"0/1"转为"男/女"后再显示;部分代码如下:

      jsp:"sex"字段的值保存在隐藏标签中:

        <input type = "hidden" name = "sex" value = "${result.sex}">

      js处理:

         var getSex = document.getElementById("sex").value;

         var getSexSelect =  document.getElementById("sexSelect");

         if (getSex == 0){

            getSexSelect.options[0].selected = true;  //options[0]中对应显示的内容为“男”

          }else{

            getSexSelect.options[1].selected = true; //options[0]中对应显示的内容为“女”

          }

  • 相关阅读:
    未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序 解决方法
    未能从程序集“System.ServiceModel, Version=3.0.0.0问题解决
    HTML5斯诺克桌球俱乐部【译】
    MVC调试时查看生成的sql语句
    小问题 小技巧 :创建虚拟目录并将IIS里面.net配置版本设为2.0
    网页调用服务程序
    WatiN——Web自动化测试(三)【弹出窗口处理】
    WatiN——Web自动化测试(二)
    小问题 小技巧 :网站路径问题
    小问题 小技巧:敲回车默认提交
  • 原文地址:https://www.cnblogs.com/iamDarren/p/4899624.html
Copyright © 2020-2023  润新知