2. 程式人生 > >ajax提交資料（修改、新增）到資料庫並重新整理資料

ajax提交資料（修改、新增）到資料庫並重新整理資料

阿新 • • 發佈：2019-01-25

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/pages/commons/taglibs.jsp"%>
<html>
<head>
<base href="${basePath}" />
<%@ include file="/WEB-INF/pages/commons/meta.jsp"%>
<link rel="stylesheet" type="text/css" href="scripts/jqueryEasyUI/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="scripts/jqueryEasyUI/themes/icon.css">
<link rel="stylesheet" type="text/css" href="scripts/jqueryEasyUI/themes/main.css">
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery.easyui.min1.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery.easyui.min.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jquery.datagrid.js"></script>
<script type="text/javascript" src="scripts/jqueryEasyUI/src/jgxLoader.js"></script>
<title>修改客戶資訊</title>
<style >
    body{ font-family:Arial, Helvetica, sans-serif;}
    a{text-decoration: none;}
   
</style>
<style type="text/css">
<!--
a:link {
 color: #3764a0;
 text-decoration: none;
 font-weight: bold;
}

a:visited {
 text-decoration: none;
 color: #3764a0;
 font-weight: bold;
}

a:hover {
 text-decoration: none;
 color: #999;
}

a:active {
 text-decoration: none;
}
-->
</style>
<!--
<script type="text/javascript">
 //遮蔽右鍵單擊
 $(document).ready(function(){ 
     $(document).bind("contextmenu",function(e){  
           return false;  
     });
 });
</script>

 <script>

 function isuse(){
  var mark=$('#clMark').val();
  if(mark.length<6){
   document.getElementById("xs").innerHTML="<img src='scripts//jqueryEasyUI//themes//icons//no.png'//>  企業號長度必須大於6位字！";
   $('#stat').value='0';
   return;
  }
  if(mark!="${client.clMark}"){
   zhanshi(mark);
  }else{
   $('#stat').value='1';
  }
 }

 function zhanshi(mark){
  $.post("client/json/clMarkIsUse.json",{clMark:mark}, function(data) {//url中的方法路徑必須有/json/
   var count = data.count;
   if(count>0){
    document.getElementById("xs").innerHTML="<img src='scripts//jqueryEasyUI//themes//icons//no.png'//> 此號已被使用！";
    $('#stat').val('0');
   }else{
    document.getElementById("xs").innerHTML="<img src='scripts//jqueryEasyUI//themes//icons//ok.png'//>  可以使用！";
    $('#stat').val('1');
   }

  });
  
 }
 
  function xianshi(aa){
  var khn=document.getElementById(aa);
  if(khn.style.display==''){
   khn.style.display='none';
  }else{
   khn.style.display='';
  }
 }
 function changepas(){
  $.post("client/json/getclAgents.json",{agname:$("#agname").val()}, function(data) {//url中的方法路徑必須有/json/
   var a = data.list;
   var newPas=document.getElementById("sel");
   newPas.options.length=0;
   for(var i in a){
    var loption=document.createElement("OPTION");
    loption.text=a[i].agName;
    loption.value=a[i].agId;
    newPas.options.add(loption);
   }

  });
 }
 function dc(){
  var newPas=document.getElementById("sel");
  var selectop=newPas.options[newPas.selectedIndex];
  // $("#clName").val(selectop.text);
  // $("clientId").va(id[0]);
  $("#clAgent").val(selectop.text);
  $("#clAgents").val(selectop.value);
 }
 
 function edit(){
  var row =  $('#linkman').datagrid('getSelected');
      $("#lmName").val(row.lmName);
      $("#lmPhone").val(row.lmPhone);
      $("#lmQQ").val(row.lmQQ);
      $("#lmID").val(row.lmID);
      if(row.isSendCM!=null&&row.isSendCM!=''){
       $("#isSendCM").val(row.isSendCM);
        }else{
         $("#isSendCM").val('0');
        }
      if(row.isSendOBM!=null&&row.isSendOBM!=''){
       $("#isSendOBM").val(row.isSendOBM);
        }else{
         $("#isSendOBM").val('0');
        }
      $("#spo").val('edit');//判斷是那種操作，新增、修改、刪除
     $('#showAssLm').dialog({
   title:'修改聯絡人',
   closed:false,
   showType:null,   //'show'
   autoOpen:true
  });
 }

 function del(id){
  $.messager.confirm('提示', '您確定要刪除嗎?', function(r){
   if (r){
    $("#lmID").val(id);
        $("#spo").val('del');
        update();
        $('#showAssLm').dialog({
     closed:true
    });
        $("#spo").val('');
   }
  });
 }

 function cancel(){
     $('#showAssLm').dialog({
   closed:true
  });
 }
 
 function add(){
      if($("#lmName").val()==''){
    alert("請填寫客戶名稱！");
    return ;
         }if($("#lmPhone").val()==''){
           alert("請填寫客戶電話 ！");
    return ;
         }
         update();
         $('#showAssLm').dialog({
    closed:true
   });
         $("#spo").val('');
 }

 function goMain(){
  $("#ff").attr('action','adRemote/editClients');
  $("#ff").submit();
 }
 
  function sub(){
   if($('#stat').val()!='1'&&$('#clMark').val()!="${client.clMark}"){
   alert("請正確填寫企業號！");
   return;
  }if($("#clProType").val()==""){
   alert("請選擇產品型別！");
   return;
  }if($("#clChannel").val()==""){
   alert("請選擇成單渠道！");
   return;
  }if($("#clTrade").val()==""){
   alert("請選擇客戶行業！");
   return;
  }if($("#cliType").val()==""){
   alert("請選擇客戶型別！");
   return;
  }if($("#clSelUsers").val()==""){
   alert("請選擇客戶經理！");
   return;
  }if($("#clSevUsers").val()==""){
   alert("請選擇客服專員！");
   return;
  }if($("#clMark").val()==""){
   alert("請填寫序列號！");
   return;
  }if($("#clName").val()==""){
   alert("請填寫客戶名稱！");
   return;
  }if($("#clAgents").val()==""){
   alert("請填寫代理商 ！");
   return;
  }

  $("#clProTypeText").val($("#clProType").find("option:selected").text());
  $("#clChannelText").val($("#clChannel").find("option:selected").text());
  $("#clTradeText").val($("#clTrade").find("option:selected").text());
  $("#cliTypeText").val($("#cliType").find("option:selected").text());
  $("#clSelUsersText").val($("#clSelUsers").find("option:selected").text());
  $("#clSevUsersText").val($("#clSevUsers").find("option:selected").text());
  
  $("#ff").submit();
  alert("客戶儲存成功！");
  }
</script>
<script type="text/javascript">
  $(function(){
      //$("#clTrade").val("${client.clTrade}");//全天通道策略
      //$("#cliType").val("${client.cliType}");//工作時間
      //$("#clProType").val("${client.clProType}");//業餘時間
      //$("#clChannel").val("${client.clChannel}");//本移動
      // $("#clSelUsers").val("${client.clSelUsers}");//全國移動
      //$("#clSevUsers").val("${client.clSevUsers}");//全國聯通
    });
</script>
 -->

<script type="text/javascript">
function test11(){
 var params=$("#test1").serialize()+"&"+$("#test2").serialize()+"&"+$("#test3").serialize();

 $.ajax({
  url:"busTrack/json/addClientTest.json",
  data:params,
  type:"post",
  async:false,
  success:function(returnValue){
   var rv = eval("("+returnValue+")");//獲取返回值
   if($("#clientID").val()==''){
    $("#reloadID").val(rv.clientID);
   }else{
    $("#reloadID").val($("#clientID").val());
   }
   $("#relff").submit();
  }
  });
}
</script>
<script type="text/javascript">
 $(function(){
  $('body').layout();
 });
</script>

</head>
<body style=" padding:0; margin:0">
<div region="center" style="height:90%;width:100%;">
 <div  class="tabs-container" fit="true" border="false" title="基本資訊">
    <div title="基本資訊"  style="display:none;" fit="true">
    <form name = "test1" id = "test1" action="busTrack/addClientTest">
       <input type="hidden" name="clientID" size="65" id="clientID" value="${client.clientID}"/>
       <input type="hidden" name="stat" id="stat"/>
     <div class="subbg">
      <input type="hidden" name="clTradeText" size="65" id="clTradeText"/>
      客戶行業：<select name="clTrade" id="clTrade" style="width:100">
             <option value="0">請選擇</option>
              <c:forEach var="ps" items="${clTrade}" varStatus="i">
            <option value="${ps.id}">${ps.name}</option>  
           </c:forEach>
         </select>
      <input type="hidden" name="cliTypeText" size="65" id="cliTypeText"/>  
      客戶型別：<select name="cliType" id="cliType" style="width:100">
             <option value="0">請選擇</option>
              <c:forEach var="ps" items="${cliType}" varStatus="i">
            <option value="${ps.id}">${ps.name}</option>  
           </c:forEach>
         </select>
     </div>
     <div class="subbg">
      <input type="hidden" name="clProTypeText" size="65" id="clProTypeText"/>
      產品型別：<select name="clProType" id="clProType" style="width:100">
           <option value="0">請選擇</option>
              <c:forEach var="ps" items="${clProType}" varStatus="i">
            <option value="${ps.id}">${ps.name}</option> 
           </c:forEach>
          </select>
      <input type="hidden" name="clChannelText" size="65" id="clChannelText"/>
      客戶來源：<select name="clChannel" id="clChannel" style="width:100">
              <option value="0">請選擇</option>
              <c:forEach var="ps" items="${clChannel}" varStatus="i">
             <option value="${ps.id}">${ps.name}</option> 
           </c:forEach>
         </select>
     </div>
     <div class="subbg">
       經營品牌：<input type="text" name="clBrand" size="12"  value="${client.clBrand}"  id="clBrand" />
       所屬集團：<input type="text" name = "clGroup" id = "clGroup" size="15" value="${client.clGroup}"></input><br>
     </div>
     <div class="subbg">
        單位名稱：<input type="text" name="clName" size="45" id="clName" value="${client.clName}"/>
     </div>
     <div class="subbg">
        企業程式碼：<input type="text" name = "clMark" id = "clMark" size="12" value="${client.clMark}" onblur="isuse()"></input>
        最後聯絡時間：<input type="text" name="clLastTractime" size="13"  id="clLastTractime" value="${client.clLastTractime}"/>
     </div>
     <div class="subbg">
        業務進展：<select name="clBusprogress" id="clBusprogress" style="width:108">
              <option value="0">請選擇</option>
              <c:forEach var="ps" items="${progress}" varStatus="i">
             <option value="${ps.id}">${ps.name}</option> 
           </c:forEach>
           </select>
        資金信用等級 &nbsp;&nbsp;：<select name="clFunCreditgrade" id="clFunCreditgrade" style="width:70">
               <option value="0">請選擇</option>
               <c:forEach var="ps" items="${grade}" varStatus="i">
              <option value="${ps.id}">${ps.name}</option> 
            </c:forEach>
           </select>
        
     </div>
     <div class="subbg">
        郵政編碼：<input type="text" name="clYouBian" size="12"  id="clYouBian" value="${client.clYouBian}"/>
        規範度信用等級：<select name="clStaCreditgrade" id="clStaCreditgrade" style="width:70">
                <option value="0">請選擇</option>
                <c:forEach var="ps" items="${grade}" varStatus="i">
               <option value="${ps.id}">${ps.name}</option> 
             </c:forEach>
              </select>
     </div>
     <div class="subbg">
        公司主頁：<input type="text" name="clWWW" size="45"  id="clWWW" value="${client.clWWW}"/>
     </div>
     <div class="subbg">
        備 &nbsp;&nbsp;注：&nbsp;&nbsp;&nbsp;&nbsp;<textarea name="clRemark" style="width: 50%" id="clRemark"  rows="6">${client.clRemark}</textarea>
     </div>
     </form>
     <div align="left" style="width:50%">
        <input type="button" value="儲存" name = "tj1" onclick = "test11()"/>&nbsp;&nbsp;
        <input type="button" value="關閉" name = "btn" onclick = "cancel11()"/>
     </div>
    </div>
    <div title="開戶行資訊"  style="display:none;" fit="true">
    <form name = "test2" id = "test2" action="busTrack/addClientTest">
     <div class="subbg">
      票據擡頭：<input type="text" name="clOrderCheck"  size="45" id="clOrderCheck" value="${client.clOrderCheck}"/>
     </div>
     <div class="subbg">
      票據型別：<select name="clBillType" id="clBillType" style="width:90">
                <option value="0">請選擇</option>
                <c:forEach var="ps" items="${clBillType}" varStatus="i">
               <option value="${ps.id}">${ps.name}</option> 
             </c:forEach>
              </select>
     </div>
     <div class="subbg">
       快遞地址：<input type="text" name = "clExpAddress" id = "clExpAddress" size="45" value="${client.clExpAddress}" onblur="isuse()"></input><br>
     </div>
                 <div class="subbg">
      開戶銀行：<input type="text" name="clOpenBank" size="45" id="clOpenBank" value="${client.clOpenBank}"/>
     </div>
     <div class="subbg">
      開戶賬號：<input type="text" name="clAccNumber" size="45" id="clAccNumber" value="${client.clAccNumber}"/>  
     </div>
     <div class="subbg">
      開戶電話：<input type="text" name="clAccPhone" size="20" id="clAccPhone" value="${client.clAccPhone}"/>
     </div>
     <div class="subbg">
      開戶地址：<input type="text" name="clAccAddress" size="45" id="clAccAddress" value="${client.clAccAddress}"/>
     </div>
     </form>
     <div align="left" style="width:50%">
        <input type="button" value="儲存" name = "tj1" onclick = "test11()"/>&nbsp;&nbsp;
        <input type="button" value="關閉" name = "btn" onclick = "cancel11()"/>
     </div>
    </div>
    <div title="地址資訊"  style="display:none;" fit="true">
    <form name = "test3" id = "test3" action="busTrack/addClientTest">
     <div class="subbg">
      1、標準地址：
     </div>
     <div class="subbg">
      國家<select name="clCountry" id="clCountry" style="width:90">
                <option value="0">請選擇</option>
                <c:forEach var="ps" items="${clChannel}" varStatus="i">
               <option value="${ps.id}">${ps.name}</option> 
             </c:forEach>
              </select>
      省份<select name="clProvince" id="clProvince" style="width:90">
                <option value="0">請選擇</option>
                <c:forEach var="ps" items="${clChannel}" varStatus="i">
               <option value="${ps.id}">${ps.name}</option> 
             </c:forEach>
              </select>
      城市<select name="clCity" id="clCity" style="width:90">
                <option value="0">請選擇</option>
                <c:forEach var="ps" items="${clChannel}" varStatus="i">
               <option value="${ps.id}">${ps.name}</option> 
             </c:forEach>
              </select>
      區（縣）<select name="clArea" id="clArea" style="width:90">
                <option value="0">請選擇</option>
                <c:forEach var="ps" items="${clChannel}" varStatus="i">
               <option value="${ps.id}">${ps.name}</option> 
             </c:forEach>
              </select>
     </div>
     <div class="subbg">
      <input type="hidden" name="clStaAddress"   id="clStaAddress" />
      詳細地址:<input type="text" name="detail"  size="45" id="detail" />
     </div>
     <div class="subbg">
      <input type="hidden" name="clAddress"   id="clAddress" />
      2、描述地址：（請參照例子：中華大街與裕華路交叉口東行200米路南金立方大廈）
     </div>
     <div class="subbg">
        請填寫：<input type="text" name="clAddress"  size="80" id="clAddress" value=" 與  交叉口 行 米路 " />
     </div>
     </form>
     <div align="left" style="width:50%">
        <input type="button" value="儲存" name = "tj1" onclick = "test11()"/>&nbsp;&nbsp;
        <input type="button" value="關閉" name = "btn" onclick = "cancel11()"/>
     </div>
    </div>
    <div title="聯絡人資訊" style="display:none;" fit="true">
                 <!--  <iframe src="busTrack/toLinkManManage?clientID=${client.clientID}" id="frc1" name="frc1" height = "100%" width="100%" class="frame_inner1"frameborder="0"></iframe>
     -->
     <iframe src="busTrack/toLinkManManage?clientID='175'" id="frc1" name="frc1" height = "100%" width="100%" class="frame_inner1"frameborder="0"></iframe>
    </div>
 </div>
 <form id = "relff" name = "relff" action="busTrack/addClient" method="post">
  <input type="hidden" name = "clientID" id = "reloadID"/>
 </form>
</div>
</body>
</html>

後臺程式碼：

/**
  * 客戶新增、修改  lz 20121022
  * @param c
  * @param request
  * @return
  */
 @RequestMapping("/json/addClientTest")
 public void addClient(Client c, HttpServletRequest request,HttpServletResponse response){
  User u=(User)request.getSession().getAttribute("user");
  request.getSession().setAttribute("user", u);
  
  try{
   if(c.getClientID()!=null&&!"".equals(c.getClientID())){
    busTrackManager.updateClient(c);
   }else{
    c.setClAgents(Long.valueOf(1));
    c.setClSigEndTime(getDateTime());
    c.setClSelUsers(u.getUserId());
    System.out.println(c.getClSelUsers()+"----------"+c.getClTrade()+"---"+c.getCliType()+"-"+c.getClProType()+"-"+c.getClChannel()+"---");
    busTrackManager.savaClient(c);
    c = busTrackManager.searchClientBySigEndTime(c.getClSigEndTime());
   }
   PrintWriter out = response.getWriter();
   out.write("{clientID:"+c.getClientID()+"}");
   out.flush();
   out.close();
  }catch(Exception e){
   // TODO Auto-generated catch block
   e.printStackTrace();
   //return "{clientID:''}";
  }
  
  //return "{clientID:"+c.getClientID()+"}";
 }

相關推薦

ajax提交資料（修改、新增）到資料庫並重新整理資料

<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/pages/commons

C/C++從鍵盤讀入連續輸入的資料（以回車結束），並將資料存入連結串列。

  要求新建一個連結串列，連結串列從鍵盤讀取一組連續輸入的資料，每個資料之間以一個空格分隔，當遇到換行符時，停止讀取。   下面是自己總結的比較簡單的實現方法。 C: #include <stdio.h> typedef struct ListNode *node; s

vue 響應式修改資料（物件、陣列）及難點（坑）

背景 1. Vue不能檢測物件屬性的新增、刪除 2. Vue不能檢測陣列項的賦值修改（根據index）、length的修改   物件  1. $set、set、$delete、delete // $set是Vue.set的別名 this.$set(this

排序NSArray裡的資料（數字、字串）

 轉自:https://www.cnblogs.com/xiaobaizhu/archive/2013/05/03/3056547.html       NSArray *originalArray = @[@"1",@"21",@"12"

例題：建立一個物件陣列，內放5個學生的資料（學號、成績），用指標指向陣列首元素，輸出第1,3,5個學生的資料。【面向物件設計】

題目： 建立一個物件陣列，內放5個學生的資料（學號、成績），用指標指向陣列首元素，輸出第1,3,5個學生的資料。 解答：  程式程式碼如下： #include <iostream>

利用scrapy爬取傳智播客教師資料（修改正確版）

目錄 6.結果： 和視訊裡面的有些出入，因為我用他的沒執行出來，錯誤找了好久，終於找到了，請大家對應起來，此版本一定可以執行成功。 1.itcast.py # -*- coding: utf-8 -*- import scrapy from ITc

爬取外網資料（twitter、facebook）-易數雲視覺化爬蟲軟體

採集外網資料一直比較難，偶然通過淘寶知道這個軟體，試了下，還不錯。 這個還可以直接定製爬取資料，當然按照我個性，最後還是選擇了買了規則，自己在家慢慢爬。 採集資料有兩種方式： PC版採集+雲採集。 奔著價效比高，選了PC版。 單機採集+外網（自己電腦） 先買個穩定點

使用 ffmpeg 進行網路推流：拉流->解封裝->解碼->處理原始資料（音訊、視訊）->編碼->編碼->推流

簡要說明： 1、可拉流：rtmp、rtsp、http 2、可推流： #include "stdafx.h" extern "C" { #include "libavcodec/avcodec.h" #include "libavformat/avformat.h" #

5、mysql資料內容操作（查詢、插入、修改、刪除）

操作環境：cmd命令視窗 1、插入資料 插入多項：insert into 表名（欄位1，欄位2） values（值1，值2）； 注意：插入字元需要用雙引號擴住“” insert into table_name（field1，field2....fieldN）VALUES (value

php操作MongoDB基礎教程（連線、新增、修改、刪除、查詢）

舊版本mongo例項化用：new Mongo(); 新mongo例項化 <?php $m = new MongoClient(); // 連線 $db = $m->selectDB("example"); ?> //連線localhost:2701

mybatis針對Oracle資料庫進行（單個或多個條件）批量操作（新增、修改、刪除）的sql寫法--mysql

1、批量新增:   <insert id="addMonthDutyIntoDB" parameterType="java.util.List"> insert into TB_D

sqlserver表、視圖、索引（創建、修改、刪除）相關示例

sqlserver表、視圖、索引一、表相關1、創建USE [test] GO SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[Ceshi]( [id] [int] NOT NULL, [name] [varch

Redis集群中刪除/修改節點（master、slave）（實驗）

redis集群刪除節點 redis集群移除master節點 redis集群移除slave節點 redis集群更改slave節點的隸屬 刪除一個slave節點： # redis-trib.rb del-node 192.168.2.202:6380 e4dc23dc67418bf66c6c

Redis集群中新增節點（master、slave）（實驗）

redis集群添加節點 redis集群添加master節點 redis集群添加slave節點 新增master節點的配置文件： # vim /usr/local/redis-3.0.6-6379/redis.conf daemonize yes

習題 14.3 學校的人事部門儲存了有關學生的部分資料（學號、姓名、年齡、住址），教務部門也儲存了學生的另外一些資料（學號、姓名、性別、成績），兩個部門分別編寫了本部門的學生資料管理程式，其中都用。。

C++程式設計（第三版） 譚浩強 習題14.3 個人設計 習題 14.3 學校的人事部門儲存了有關學生的部分資料（學號、姓名、年齡、住址），教務部門也儲存了學生的另外一些資料（學號、姓名、性別、成績），兩個部門分別編寫了本部門的學生資料管理程式，其中都用了Student作為類名。現在

SDL2---編譯SDL庫、測試播放簡單畫素資料（YUV、RGB等）

本篇博文整理自雷神（雷霄驊https://blog.csdn.net/leixiaohua1020/article/list/3）多篇博文，多謝分享，在此致敬！ SDL簡介： SDL庫的作用說白了就是封裝了複雜的視音訊底層操作，簡化了視音訊處理的難度。 以下轉自WiKi：

使用 自定義的 ContentProvider 進行應用間的資料互動（另一個APP對當前的應用資料進行修改，查詢），getType()等內容的講解

本部落格內容 應用B 對 應用A的資料庫資料進行插入和查詢（其他操作簡略不寫） bookProject 應用A 看一下目錄結構 Book_TABLE.java 關鍵點：private static final String BOOK_DB = "create

React 學習筆記 （五）（獲取伺服器API介面資料：axios、fetchJSONP）

axios 1.安裝 axios模組 npm install axios --save 2.引用 哪裡使用引哪裡 import axios from 'axios' 3.使用 import React, { Component } from 'react';

Angular : 專案資料夾src目錄結構及作用 （實用、贊）

原文出處：https://blog.csdn.net/Edison_03/article/details/78928558 序言：如果你想入門到精通Angular，首先必須要熟悉它的檔案目錄結構。 參考：Angular中文文件連結 正文： 1、新建專案檔案後，會出現src和非src（

大資料（二十二）：hive分桶及抽樣查詢、自定義函式、壓縮與儲存

一、分桶及抽樣查詢 1.分桶表資料儲存         分割槽針對的是資料儲存路徑（HDFS中表現出來的便是資料夾），分桶針對的是資料檔案。分割槽提供一個隔離資料和優化查詢的便利方式。不過，並非所有的資料集都可形成合理的分割槽，特別是當資料要