简单易懂,如何将后台获取的数据显示到页面上

// 查询
function query() {
  var applyNo = $("#applyNo").val();//获取页面的查询条件
  var entName = $("#entName").val();
  var formName = $("#formName").val();
  var socialCode = $("#socialCode").val();
  var certNo = $("#certNo").val();
  var beginTime = $("#beginTime").val();
  var endTime = $("#endTime").val();
  /*if(beginTime !=null || beginTime !=""){
    beginTime = beginTime.replace(/-/g,'');//替换所有-
  }
  if(endTime !=null || endTime !="") {
    endTime = endTime.replace(/-/g,'');
  }*/
  var requestUrl = context + "/service/bizapply/queryInfo";
//  var requestUrl = context + "/service/bizapply/queryInfo/" + entName + "/"+ formName;
  $.ajax({
    type : "post",
    dataType : "json",
    data : {
      "applyNo" : applyNo,
      "entName" : entName,
      "formName" : formName,
      "socialCode" : socialCode,
      "certNo" : certNo,
      "beginTime" : beginTime,
      "endTime" : endTime,
      },
    url : requestUrl,
    success : function(Json) {//Json为后台model里传过来的数组
      var obj = eval(Json.data);//注意,list里可能不是个单纯数组,因此需要取data
      $("#dataList tbody").html("");//先清空表,再将查询的数据拼接上去
      for (var i=0;i<obj.length;i++) {//循环遍历
        //下面这段代码主要是针对数据库中日期类型数据(date)做的处理,如果不进行处理,前台页面
        显示的是日期的属性而不是具体的日期,大家可以尝试试验下
        var date = new Date(obj[i].SUBMIT_TIME);
//      var submitTime = new Date(obj[i].SUBMIT_TIME).toLocaleString();
        var year=date.getFullYear(); 
        var mon=date.getMonth()+1;
        var day=date.getDate();
        var h=date.getHours(); 
        var m=date.getMinutes();
        var s=date.getSeconds(); 
        var submitTime = "";
        submitTime += year + "-";
        if(mon >= 10) {
          submitTime += mon + "-";
        }else {
          submitTime += "0" + mon + "-";
        }
        if(day >= 10) {
          submitTime += day;
        }else {
          submitTime += "0" + day;
        }
        submitTime +=" ";
        if(h >= 10) {
          submitTime += h + ":";
        }else {
          submitTime += "0" + h + ":";
        }
        if(m >= 10) {
          submitTime += m;
        }else {
          submitTime += "0" + m;
        }
        
        var $tr = $("<tr align='center'></tr>");
        $tr.append("<td>"+(i+1)+"</td>");
        $tr.append("<td>"+obj[i].APPLY_NO+"</td>");
        $tr.append("<td>"+obj[i].ENT_NAME+"</td>");
        $tr.append("<td>"+obj[i].SOCIAL_CODE+"</td>");
        $tr.append("<td>"+obj[i].FORM_NAME+"</td>");
        $tr.append("<td>"+obj[i].FORM_ID+"</td>");
//        $tr.append("<td>"+year+"-"+mon+"-"+day+" "+h+":"+m+"</td>");
        $tr.append("<td>"+submitTime+"</td>");
        $tr.append("<td>"+obj[i].CERT_NO+"</td>");
        $("#dataList tbody").append($tr);
      }
    },error: function () {
        alert("加载失败");
    }
  });
}

 

上一篇:Angular框架


下一篇:基于EPPlus和NPOI实现的Excel导入导出