jQuery-serialize()输出序列化form表单值的方法

最新推荐文章于 2022-08-08 09:45:23 发布

大道至简_lyon

最新推荐文章于 2022-08-08 09:45:23 发布

阅读量2.2k

点赞数

分类专栏： javaweb jquery java

本文链接：https://blog.csdn.net/a5601564/article/details/50895919

版权

java 同时被 3 个专栏收录

28 篇文章 0 订阅

订阅专栏

javaweb

13 篇文章 0 订阅

订阅专栏

jquery

4 篇文章 0 订阅

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="utf-8"

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>设备添加</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<style type="text/css">
table {
text-align: right;
}

.center {
padding: 50px;
border: solid;
border-width: 1px;
width: 600px;
margin: 0 auto;
}
img{
height: 70px;
width: 70px;
}
.wide {
margin-left: 300px;
width:900px;
}
</style>

</head>
<body>
<form method="post" name="form2222" id="form">
<div class="center">
<table>
<tr>
<td>品牌：<input type="text" name="brand" id="brand"></input></td>
<td>型号：<input type="text" name="version" id="version"></input></td>
</tr>
<tr>
<td>编码：<input type="text" name="number" id="number"></input></td>
<td>设备码：<input type="text" name="deviceCode" id="deviceCode"></input></td>
</tr>
<tr>
<td>手机号：<input type="text" name="phoneNumber" id="phoneNumber"></input></td>
<td>押金金额：<input type="text" name="deposit" id="deposit"></input></td>
</tr>
<tr>
<td>状态：<input type="text" name="status" id="status"></input></td>
<td>领用人：<input type="text" name="owner" id="owner"></input></td>
</tr>
<tr>
<td><input type="button" value="取消" class="btn btn-info"
οnclick="CloseShopConfirm()"
></td>
<td><input type="button" value="提交" class="btn btn-info"
οnclick="init()"
></td>
<td></td>
</tr>
</table>
</div>
</form>

<SCRIPT src="js/jquery-1.8.2.min.js" type=text/javascript></SCRIPT>
<script type="text/javascript">
var page = null;
var totalpage = null;
var brand=request.getParmeter("brand");
function init() {
$.ajax({
type : "POST",
url : "addNewDevice!execute",
data: $('#form').serialize(),
dataType : "json",
success : function(msg) {
}
});
}

function CloseShopConfirm(){
var ShopConfirmLayer=document.getElementById("ShopConfirmLayer");
var webBgLayer=document.getElementById("webBgLayer");
ShopConfirmLayer.style.display="none";
webBgLayer.style.display="none";
}
</script>
</body>
</html>

addNewDevice.jsp

数据在data里面；

传输，只要在相关类里面，设置get and set 方法

package com.hx.plant.action;

import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;

import org.apache.log4j.Logger;

import com.google.gson.Gson;
import com.hx.plant.bean.BaseDeviceInfoBean;
import com.hx.plant.pojo.BaseDeviceInfoPojo;
import com.hx.plant.service.BaseDeviceInfoService;
import com.opensymphony.xwork2.ActionSupport;

public class addNewDeviceAction extends ActionSupport
{
Logger LOG = Logger.getLogger(addNewDeviceAction.class);

BaseDeviceInfoService baseDeviceInfoService;
private String result;

public String pageIndex;
private BigDecimal userId;
private BigDecimal deviceId;
private float deposit;
private int status;
private String version;
private String brand;
private String number;
private String deviceCode;
private String phoneNumber;
private String createTime;
private String lastModifyTime;


public String getPageIndex() {
return pageIndex;
}

public void setPageIndex(String pageIndex) {
this.pageIndex = pageIndex;
}

@Override
public String execute() throws Exception {
System.out.println(baseDeviceInfoService);
System.out.println(result);
return super.execute();
}

public String getResult() {
return result;
}

public void setResult(String result) {
this.result = result;
}

public BaseDeviceInfoService getBaseDeviceInfoService() {
return baseDeviceInfoService;
}

public void setBaseDeviceInfoService(BaseDeviceInfoService baseDeviceInfoService) {
this.baseDeviceInfoService = baseDeviceInfoService;
}

public String getDeviceInfoByIndex()
{
System.out.println("=========================");
System.out.println("=======getDeviceInfoByIndex=================");
LOG.error("===========");
LOG.debug("===========");
LOG.info("===========");

List<BaseDeviceInfoBean> queryByPageIndex = baseDeviceInfoService.queryByPageIndex(Integer.valueOf(pageIndex), 5);

List<BaseDeviceInfoPojo> baseDeviceInfoPojoList = new ArrayList<BaseDeviceInfoPojo>();

System.out.println(queryByPageIndex.size());

for (BaseDeviceInfoBean baseDeviceInfoBean : queryByPageIndex) {
BaseDeviceInfoPojo conventToPojo = baseDeviceInfoBean.conventToPojo();
baseDeviceInfoPojoList.add(conventToPojo);
}

Gson gson = new Gson();
this.result = gson.toJson(baseDeviceInfoPojoList);
System.out.println("result===================="+result);
return SUCCESS;
}

public String getDeviceCount()
{
System.out.println("=========================");
System.out.println("=======getDeviceCount=================");
result = baseDeviceInfoService.queryDeviceCount();

return SUCCESS;
}


public BigDecimal getUserId()
{
return userId;
}


public void setUserId(BigDecimal userId)
{
this.userId = userId;
}


public BigDecimal getDeviceId()
{
return deviceId;
}


public void setDeviceId(BigDecimal deviceId)
{
this.deviceId = deviceId;
}


public float getDeposit()
{
return deposit;
}


public void setDeposit(float deposit)
{
this.deposit = deposit;
}


public int getStatus()
{
return status;
}


public void setStatus(int status)
{
this.status = status;
}


public String getVersion()
{
return version;
}


public void setVersion(String version)
{
this.version = version;
}


public String getBrand()
{
return brand;
}


public void setBrand(String brand)
{
this.brand = brand;
}


public String getNumber()
{
return number;
}


public void setNumber(String number)
{
this.number = number;
}


public String getDeviceCode()
{
return deviceCode;
}


public void setDeviceCode(String deviceCode)
{
this.deviceCode = deviceCode;
}


public String getPhoneNumber()
{
return phoneNumber;
}


public void setPhoneNumber(String phoneNumber)
{
this.phoneNumber = phoneNumber;
}


public String getCreateTime()
{
return createTime;
}


public void setCreateTime(String createTime)
{
this.createTime = createTime;
}


public String getLastModifyTime()
{
return lastModifyTime;
}


public void setLastModifyTime(String lastModifyTime)
{
this.lastModifyTime = lastModifyTime;
}

}

,并且关于 jquery ajax 传递参数的相关格式

大道至简_lyon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery-serialize()输出序列化form表单值的方法

pageEncoding="utf-8"%>设备添加table {text-align: right;}.center {padding: 50px;border: solid;border-width: 1px;width: 600px;margin: 0 auto;}img{ height: 70px
复制链接

扫一扫