Hi,歡迎訪問前端老白
// 定義一個(gè)數(shù)組,用于存儲商品信息 var productList = []; // 定義一個(gè)函數(shù),用于獲取商品信息并添加至數(shù)組 function addToCart() { // 獲取商品名稱 var productName = document.getElementById("product-name").value; // 獲取商品價(jià)格 var productPrice = document.getElementById("product-price").value; // 創(chuàng)建一個(gè)Map,存放商品信息 var productMap = new Map(); productMap.set("name", productName); productMap.set("price", productPrice); // 將商品信息添加至數(shù)組 productList.push(productMap); // 清空輸入框 document.getElementById("product-name").value = ''; document.getElementById("product-price").value = ''; } // 定義一個(gè)函數(shù),用于發(fā)送商品信息至后端 function sendProductInfo() { // 創(chuàng)建一個(gè)XMLHttpRequest對象 var xhr = new XMLHttpRequest(); // 設(shè)置請求方法和URL xhr.open("POST", "/api/addToCart", true); // 設(shè)置請求頭 xhr.setRequestHeader("Content-Type", "application/json"); // 將商品數(shù)組轉(zhuǎn)換為JSON字符串 var productListJson = JSON.stringify(productList); // 發(fā)送請求 xhr.send(productListJson); }
import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestBody; import org.springframework.web.bind.annotation.ResponseBody; import java.util.List; import java.util.Map; @Controller public class CartController { @PostMapping("/api/addToCart") @ResponseBody public void addToCart(@RequestBody List>productList) { // 處理商品信息 for (Mapproduct : productList) { String name = (String) product.get("name"); double price = (Double) product.get("price"); // 進(jìn)行相應(yīng)的業(yè)務(wù)邏輯處理 // ... } } }
老白網(wǎng)絡(luò) (http://www.lofty888.cn/) 前端 后端 zblog主題.網(wǎng)站地圖xml