博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
动态数据与后台交互的两种方式
阅读量:6608 次
发布时间:2019-06-24

本文共 16856 字,大约阅读时间需要 56 分钟。

第一种方式:

javabean:

1 public class BusLoanInfoShop {  2     private Integer id;  3     private Integer bid;  4     private String shopName;  5     private String platformName;  6     private String shopLevel;  7     private String operatingPeriod;  8     private String shopOwner;  9     private String subAccount; 10     private String sbuPassword; 11     private String businessOpera; 12     private String businessAddress; 13     private String warehouseAddress; 14     private String salesIncome; 15     private String totalLiability; 16     private String bankLiabilities; 17     private String netProfit; 18  19     public Integer getId() { 20         return id; 21     } 22     public void setId(Integer id) { 23         this.id = id; 24     } 25     public Integer getBid() { 26         return bid; 27     } 28     public void setBid(Integer bid) { 29         this.bid = bid; 30     } 31     public String getShopName(){ 32         return this.shopName; 33     } 34     public void setShopName(String shopName){ 35         this.shopName=shopName; 36     } 37     public String getPlatformName(){ 38         return this.platformName; 39     } 40     public void setPlatformName(String platformName){ 41         this.platformName=platformName; 42     } 43     public String getShopLevel(){ 44         return this.shopLevel; 45     } 46     public void setShopLevel(String shopLevel){ 47         this.shopLevel=shopLevel; 48     } 49     public String getOperatingPeriod(){ 50         return this.operatingPeriod; 51     } 52     public void setOperatingPeriod(String operatingPeriod){ 53         this.operatingPeriod=operatingPeriod; 54     } 55     public String getShopOwner(){ 56         return this.shopOwner; 57     } 58     public void setShopOwner(String shopOwner){ 59         this.shopOwner=shopOwner; 60     } 61     public String getSubAccount(){ 62         return this.subAccount; 63     } 64     public void setSubAccount(String subAccount){ 65         this.subAccount=subAccount; 66     } 67     public String getSbuPassword(){ 68         return this.sbuPassword; 69     } 70     public void setSbuPassword(String sbuPassword){ 71         this.sbuPassword=sbuPassword; 72     } 73     public String getBusinessOpera(){ 74         return this.businessOpera; 75     } 76     public void setBusinessOpera(String businessOpera){ 77         this.businessOpera=businessOpera; 78     } 79     public String getBusinessAddress(){ 80         return this.businessAddress; 81     } 82     public void setBusinessAddress(String businessAddress){ 83         this.businessAddress=businessAddress; 84     } 85     public String getWarehouseAddress(){ 86         return this.warehouseAddress; 87     } 88     public void setWarehouseAddress(String warehouseAddress){ 89         this.warehouseAddress=warehouseAddress; 90     } 91     public String getSalesIncome(){ 92         return this.salesIncome; 93     } 94     public void setSalesIncome(String salesIncome){ 95         this.salesIncome=salesIncome; 96     } 97     public String getTotalLiability(){ 98         return this.totalLiability; 99     }100     public void setTotalLiability(String totalLiability){101         this.totalLiability=totalLiability;102     }103     public String getBankLiabilities(){104         return this.bankLiabilities;105     }106     public void setBankLiabilities(String bankLiabilities){107         this.bankLiabilities=bankLiabilities;108     }109     public String getNetProfit(){110         return this.netProfit;111     }112     public void setNetProfit(String netProfit){113         this.netProfit=netProfit;114     }115 116 }
javabean

ListForm:

1 public class ShopListForm { 2     private List
shop; 3 4 public List
getShop() { 5 return shop; 6 } 7 8 public void setShop(List
shop) { 9 this.shop = shop;10 }11 12 13 14 }
ListForm

 

spring Mvc控制器入口:

1 @RequestMapping("/save")2 public void save(ShopListForm shopForm,HttpServletResponse response) throws Exception{3         for(BusLoanInfoShop shop:shopForm.getShop()){4                 System.out.println("shop.name="+shop.getShopName());5         }6                 7 }
spring mvc访问入口

html代码:

1 
经验实体信息(必填,多个网商店铺需加行)
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
24
27
30
33
36
39
42
45
48
51 52
55
58
61
64 65
66
网店名称 电商平台名称 网店级别(仅限淘宝及天猫商户) 网店持续经营年限 网店实际所有者(个人名称或公司名称) 子帐号 密码 主要产品、品牌 经营地址 仓库地址 上年度销售 总负债 银行负债 上年度净利润
22 23 25 26 28 29 31 32 34 35 37 38 40 41 43 44 46 47 49 50 53 54 56 57 59 60 62 63
67
68
69
添加一行 70   
删除一行 71
72
html

 

js代码:

1 //添加行   2 function addShopRow(){ 3     var num=$("#rowCount").val();//取值 4     num=parseInt(num); 5     num++; 6     $("#tShopRow0").clone(true).attr("id","tShopRow"+num).appendTo("#tblShopData"); 7     $("#tShopRow"+num+" td").each(function(){ 8         $(this).find("input[type='text']").val("");//清空数据 9         $(this).find("input[name='shop[0].shopName']").attr("id","shop['"+num+"'].shopName").attr("name","shop['"+num+"'].shopName");10         $(this).find("input[name='shop[0].platformName']").attr("id","shop['"+num+"'].platformName").attr("name","shop['"+num+"'].platformName");11         $(this).find("input[name='shop[0].shopLevel']").attr("id","shop['"+num+"'].shopLevel").attr("name","shop['"+num+"'].shopLevel");12         $(this).find("input[name='shop[0].operatingPeriod']").attr("id","shop['"+num+"'].operatingPeriod").attr("name","shop['"+num+"'].operatingPeriod");13         $(this).find("input[name='shop[0].shopOwner']").attr("id","shop['"+num+"'].shopOwner").attr("name","shop['"+num+"'].shopOwner");14         $(this).find("input[name='shop[0].subAccount']").attr("id","shop['"+num+"'].subAccount").attr("name","shop['"+num+"'].subAccount");15         $(this).find("input[name='shop[0].sbuPassword']").attr("id","shop['"+num+"'].sbuPassword").attr("name","shop['"+num+"'].sbuPassword");16         $(this).find("input[name='shop[0].businessOpera']").attr("id","shop['"+num+"'].businessOpera").attr("name","shop['"+num+"'].businessOpera");17         $(this).find("input[name='shop[0].businessAddress']").attr("id","shop['"+num+"'].businessAddress").attr("name","shop['"+num+"'].businessAddress");18         $(this).find("input[name='shop[0].warehouseAddress']").attr("id","shop['"+num+"'].warehouseAddress").attr("name","shop['"+num+"'].warehouseAddress");19         $(this).find("input[name='shop[0].salesIncome']").attr("id","shop['"+num+"'].salesIncome").attr("name","shop['"+num+"'].salesIncome");20         $(this).find("input[name='shop[0].totalLiability']").attr("id","shop['"+num+"'].totalLiability").attr("name","shop['"+num+"'].totalLiability");21         $(this).find("input[name='shop[0].bankLiabilities']").attr("id","shop['"+num+"'].bankLiabilities").attr("name","shop['"+num+"'].bankLiabilities");22         $(this).find("input[name='shop[0].netProfit']").attr("id","shop['"+num+"'].netProfit").attr("name","shop['"+num+"'].netProfit");23     });24     $('#rowCount').val(num);//重新赋值25 }  26 //删除行  27 function delShopRow(){  28     var num=$("#rowCount").val();//取值29     num=parseInt(num);30     if(num>0){31         $("#tShopRow"+num).remove();32         num--;33          $('#rowCount').val(num);//重新赋值34     }else{35         alert("这是第一行了!");36     }37     38 }
javaScript

 

第二种方式:

spring Mvc控制器入口:

1 public void save(HttpServletRequest request,HttpServletResponse response) throws Exception{ 2         BusLoanInfoGuaranter busLoanInfoGuaranter=new BusLoanInfoGuaranter(); 3                 busLoanInfoGuaranter.setBid(busLoanInfo.getId()); 4                 busLoanInfoGuaranter.setGuaranterName(request.getParameter("guaranterName"+i)); 5                 busLoanInfoGuaranter.setGuaranterCard(request.getParameter("guaranterCard"+i)); 6                 busLoanInfoGuaranter.setGuaranterEmployer(request.getParameter("guaranterEmployer"+i)); 7                 busLoanInfoGuaranter.setGuaranterDuties(request.getParameter("guaranterDuties"+i)); 8                 busLoanInfoGuaranter.setGuaranterPhone(request.getParameter("guaranterPhone"+i)); 9                 busLoanInfoGuaranter.setGuaranterMaritalStatus(request.getParameter("guaranterMaritalStatus"+i));10                 busLoanInfoGuaranter.setGuaranterHouseAddress(request.getParameter("guaranterHouseAddress"+i));11                 busLoanInfoGuaranter.setGuaranterMonthlyIncome(request.getParameter("guaranterMonthlyIncome"+i));12                 busLoanInfoGuaranter.setGuaranterValues(request.getParameter("guaranterValues"+i));13                 busLoanInfoGuaranter.setGuaranterTotalLiabilities(request.getParameter("guaranterTotalLiabilities"+i));14 }
spring Mvc访问入口

htm代码:

1 
是否提供自然人保证,是就填写下面信息
2
3
8
9 10
保证人信息
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
29
32
35
38
41
51
54
57
60
63
64
保证人姓名 证件号码 工作单位 职务 联系电话 婚姻状况 家庭地址 月收入情况 资产总额 负债总额
27 28 30 31 33 34 36 37 39 40 42 50 52 53 55 56 58 59 61 62
65
66
67
添加一行68   
删除一行 69
70 71
html

 

js代码:

1 //保证人添加行 2 function addGuaranterRow(){ 3     var num=$("#guaranterRowCount").val(); 4     num=parseInt(num); 5     num++;//点击自加 6     $("#tRow0").clone(true).attr("id","tRow"+num).appendTo("#tblData"); 7     $("#tRow"+num+" td").each(function(){ 8         $(this).find("input[type='text']").val("");//清空数据 9         $(this).find("input[name='guaranterName0']").attr("id","guaranterName"+num).attr("name","guaranterName"+num);10         $(this).find("input[name='guaranterCard0']").attr("id","guaranterCard"+num).attr("name","guaranterCard"+num);11         $(this).find("input[name='guaranterEmployer0']").attr("id","guaranterEmployer"+num).attr("name","guaranterEmployer"+num);12         $(this).find("input[name='guaranterDuties0']").attr("id","guaranterDuties"+num).attr("name","guaranterDuties"+num);13         $(this).find("input[name='guaranterPhone0']").attr("id","guaranterPhone"+num).attr("name","guaranterPhone"+num);14         $(this).find("input[name='guaranterMaritalStatus0']").attr("id","guaranterMaritalStatus"+num).attr("name","guaranterMaritalStatus"+num);15         $(this).find("input[name='guaranterHouseAddress0']").attr("id","guaranterHouseAddress"+num).attr("name","guaranterHouseAddress"+num);16         $(this).find("input[name='guaranterMonthlyIncome0']").attr("id","guaranterMonthlyIncome"+num).attr("name","guaranterMonthlyIncome"+num);17         $(this).find("input[name='guaranterValues0']").attr("id","guaranterValues"+num).attr("name","guaranterValues"+num);18         $(this).find("input[name='guaranterTotalLiabilities0']").attr("id","guaranterTotalLiabilities"+num).attr("name","guaranterTotalLiabilities"+num);19     });20     $("#guaranterRowCount").val(num);//重新赋值21 }22 //保证人删除行23 function delGuaranterRow(){24     var num=$("#guaranterRowCount").val();25     num=parseInt(num);26     if(num>0){
//判断是不是第一行27 $("#tRow"+num).remove();28 num--;//删除后要自减29 $('#guaranterRowCount').val(num);//重新赋值30 }else{31 alert("这是第一行了!");32 }33 }
javascript

完,备忘用。

转载于:https://www.cnblogs.com/xuanaiwu/p/6057383.html

你可能感兴趣的文章
Delphi 的保留字【转】
查看>>
一种简易版服务熔断设计
查看>>
递归,回溯,DFS,BFS的理解和模板【摘】
查看>>
Project - SAFe(Scaled Agile Framework,规模化敏捷框架)简介
查看>>
错误记录统计
查看>>
如何删除Windows10操作系统资源管理器中的下载、图片、音乐、文档、视频、桌面、3D对象这7个文件夹...
查看>>
c#-快速排序-算法
查看>>
hdu 5492 (暴力+nice)
查看>>
python入门导引
查看>>
leetcode 165. Compare Version Numbers
查看>>
Linux系统下用户行为审计
查看>>
MongoDB主从配置
查看>>
针对IE浏览器里面CSS的Bug解决方法
查看>>
python 小点
查看>>
Tf中的SGDOptimizer学习【转载】
查看>>
MySQL<多表操作>
查看>>
day01<计算机基础知识&Java语言基础>
查看>>
Web前端性能优化的14条规则
查看>>
【vue】vue +element 搭建及开发中项目中,遇到的错误提示
查看>>
微信小程序之简单记账本开发记录(六)
查看>>