使用js替代jsp中request.getParameter等方法

最新推荐文章于 2023-03-23 21:13:51 发布

转载最新推荐文章于 2023-03-23 21:13:51 发布 · 574 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/GeminiLiu/blog/220345

文章标签：

#json #javascript #python #ViewUI

本文介绍了一个用于查询特定小区内基站话务量的网页应用。该应用支持GSM、TD和LTE三种类型的基站，并允许用户指定小区号、基站类型及查询时间范围。

2019独角兽企业重金招聘Python工程师标准>>>

‍<%@ page language="java"  contentType="text/html" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src="${pageContext.request.contextPath}/common/js/jquery-1.4.4.min.js"></script>
<script language="javascript" src="${pageContext.request.contextPath}/common/js/mainJS.js"></script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/common/css/tablecss.css" />
<html>
  <head>
    <title>小区所属基站话务量</title>
    <script>
    function getArgs( ) {   
        var args = new Object( );   
        var query = location.search.substring(1);       
        var pairs = query.split("&");                    
        for(var i = 0; i < pairs.length; i++) {   
            var pos = pairs[i].indexOf('=');            
            if (pos == -1) continue;                     
            var argname = pairs[i].substring(0,pos);     
            var value = pairs[i].substring(pos+1);       
            value = decodeURIComponent(value);           
            args[argname] = value;                      
        }   
        return args;                                  
    } 
    
    <!--打开工单,赋默认值,查询数据-->
    window.onload=function(){
     var dcid = location.search.substring(1)
        $("#cellid").val(getArgs().cellid);
        $("#ntype").val(getArgs().ntype);
        $("#dualtime").val('5');
        asynsub();
    }   
    <!--返回数据处理-->
    function show(json){
     var tabledata = '';
     if( json.length==0||typeof(json)=="undefined" ){
      $("#showtable").html("<tr align='center'><td>无数据</td></tr>");
     }else{
      $("#showtable").html('');
      if($("#ntype").val()=="gsm"){
       tabledata+="<tr class='tabletitle'><td>序号</td><td>基站名称</td><td>基站号</td><td>小区名</td><td>小区号</td><td>话务量</td><td>时间</td></tr>";
      }else if($("#ntype").val()=="td"){
       tabledata+="<tr class='tabletitle'><td>序号</td><td>网元名称</td><td>NODEB号</td><td>小区名</td><td>小区号</td><td>话务量</td><td>时间</td></tr>";
      }else{
       tabledata+="<tr class='tabletitle'><td>序号</td><td>基站名称</td><td>NODEB号</td><td>小区名</td><td>小区号</td><td>话务量</td><td>时间</td></tr>";
      }
      for (var p in json) {
       var index = parseInt(p)+1;
       tabledata+="<tr class='tablecontent'>";
       tabledata+="<td align='center'>"+index+"</td>";
       tabledata+="<td align='center'>"+json[p].sitename+"</td>";
       tabledata+="<td align='center'>"+json[p].siteno+"</td>";
       tabledata+="<td align='center'>"+json[p].cellname+"</td>";
       tabledata+="<td align='center'>"+json[p].cellno+"</td>";
       tabledata+="<td align='center'>"+json[p].erl+"</td>";
       tabledata+="<td align='center'>"+json[p].datatime+"</td>";
       tabledata+="</tr>";
          }
      $("#showtable").append(tabledata);
     }
    }
    <!--通过ajax异步处理json数据请求-->
    function asynsub(){
     $("#loadmessage").html("<td style='color:blue'>正在查询告警库...</td>");
        $.ajax({ 
         type:"POST", //请求方式 
         ", //请求路径 
         cache: false,//浏览器缓存
         timeout:60000,//超时设置
         data:jsondata(), //传参 
         dataType: 'json',   //返回值类型 
         success:function(json,textStatus){  
          show(json);
          $("#loadmessage").html("<td style='color:green'>查询成功!</td>");
         },
    error: function(){
     $("#showtable").html("<tr align='center'><td>无数据</td></tr>");
     $("#loadmessage").html("<td style='color:red'>查询失败!</td>");
   }
        }); 
    }
    <!--传入参数处理-->
    function jsondata(){
     var jsonstr ="cellid="+$("#cellid").val();
     jsonstr+="&ntype="+$("#ntype").val();
     jsonstr+="&dualtime="+$("#dualtime").val();
     return jsonstr;
    }
    </script>
  </head>
  <script type="text/javascript">
  </script>
  <body>
  <div class="title">
   <img src="${pageContext.request.contextPath}/common/img/ico.gif">
   小区所属基站话务量
  </div>
  <form name="roleForm" method="post">
 <div id="searchdiv" >
 <table width="90%" align="center" class="searchtable" >
  <tr class="tabletitle">
   <td width="10%" >请输入查询小区号：</td>
   <td width="10%" >
    <input type="text" id="cellid"  title="温馨提示：若要查询多个小区号请用逗号隔开"  style="width:100%">
   </td>
   <td width="6%" > 
    <select  id="ntype" name="ntype" onchange="asynsub()"  style="width:100%">
     <option value="gsm"  selected>GSM站</option>
     <option value="td" >TD站</option>
     <option value="lte" >LTE站</option>
    </select>    
   </td>
   <td width="10%" >请选择时间范围：</td>
   <td width="6%" >
    <select  id="dualtime"  name="dualtime" onchange="asynsub()"  style="width:100%">
     <option value="5"  selected>5日以内</option>
     <option value="10" >10日以内</option>
     <option value="15" >15日以内</option>
    </select>
   </td>
   <td width="8%"><input class="button"  type="button" value="搜  索" onClick="asynsub()"></td>
   <td id="loadmessage"></td>
  </tr>
 </table>
 </div>
 <!-- 搜索结束-->
 <div id="showdiv">
 <table id='showtable' class='searchtable' align='center'>
 </table>
 </div> 
<!-- 
<input type="hidden" id="msg" name="msg"  />
<input type="hidden" value="" id="currentPage" name="currentPage">
<input type="hidden" value="" id="maxPage" name="maxPage">
 -->
</form>
</body>
</html>

转载于:https://my.oschina.net/GeminiLiu/blog/220345