商品添加页面JS代码 - 前端验证与后台交互

//初始化参数 var productName; var productCount; var productPrice; var productBrief; var productState; var ctx='http://localhost:6060/';

//获取子窗口索引 var index = parent.layer.getFrameIndex(window.name);

//关闭子窗口 function closeWindow(){ //关闭子窗口 parent.layer.close(index); //刷新父页面 window.parent.location.reload(); }

//全局加载 $(function () { //选项验证 formValidator(); });

//参数值收集 function collectParams(){ productName = $("#productName").val(); productCount = $("#productCount").val(); productPrice = $("#productPrice").val(); productBrief = $("#productBrief").val(); productState = $("#productState").val(); }

//注册选项验证 function formValidator(){ $("#bookList_add").bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { name: { validators: { notEmpty: { message: '该项为必填项' }, } }, imagePath: { validators: { notEmpty: { message: '该项为必填项' }, } }, price: { validators: { notEmpty: { message: '该项为必填项' }, regexp : { regexp : /^[0-9]+(.[0-9]{2})?$/, message : '请输入纯数字，小数位2位' } } }, ddPrice: { validators: { notEmpty: { message: '该项为必填项' }, regexp : { regexp : /^[0-9]+(.[0-9]{2})?$/, message : '请输入纯数字，小数位2位' } } }, state: { validators: { notEmpty: { message: '该项为必填项' }, } }, }, }).on('success.form.bv',function(e){ // Prevent form submission e.preventDefault(); //参数收集 collectParams(); //发送Ajax $.ajax({ url: ctx+"/product/add.do", type:"POST", data:{"productName":productName,"productCount":productCount,"productPrice":productPrice, "productBrief":productBrief,"productState":productState}, success:function(data){ if(data == true){ layer.msg("添加成功！"); //延迟关闭子窗口 setTimeout("closeWindow()", 1000); } }, dataType:"json" });

});

}

package com.nz.controller;

import com.alibaba.fastjson.JSON; import com.nz.entity.product; import com.nz.service.ProductService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import java.io.IOException; import java.util.List;

/**

• Created by 24481 on 2023/4/3. */ @Controller public class ProductController { @Autowired private ProductService productService;

  //全查 @RequestMapping("/book/queryList.do") @ResponseBody @CrossOrigin(origins = "*", maxAge = 3600) public List queryList() { List list = productService.JDBCSelectAll(); return list; }

  //新增 @RequestMapping("/product/add.do") @ResponseBody @CrossOrigin(origins = "*", maxAge = 3600) public void addList(String product_name, int product_count, double product_price, String product_brief, int product_state, HttpServletResponse response, HttpSession session, HttpServletRequest request) throws IOException { product product = new product(); product.setProductName(product_name); product.setProductCount(product_count); product.setProductPrice(product_price); product.setProductBrief(product_brief); product.setProductState(product_state); boolean b = productService.add(product.getProductName(), product.getProductCount(), product.getProductPrice(), product.getProductBrief(), product.getProductState()); boolean result = false; if (b == true) { result = true; } String jsonString = JSON.toJSONString(result); response.getWriter().write(jsonString); }