jquery的post請求
阿新 • • 發佈:2018-12-19
使用Java作為後臺程式碼接受post請求,框架使用spring mvc或spring boot框架
後端程式碼片段:
@RequestMapping(value="/requestBody",method= RequestMethod.POST) @ResponseBody public Map<String,Object> userMgr(@RequestBody Map<String,String> map){ String id=map.get("id"); String name=map.get("name"); Map<String,Object> returnMap=new HashMap<String,Object>(); System.out.println("############# id is "+id+" name is "+name); returnMap.put("code","200"); returnMap.put("data","成功post資料"); return returnMap; } @RequestMapping(value="/requestParam",method= RequestMethod.POST) @ResponseBody public Map<String,Object> usrAdmin(@RequestParam String id, @RequestParam String name){ Map<String,Object> returnMap=new HashMap<String,Object>(); System.out.println("#############獲取到的name是:"+name); System.out.println("#############獲取到的id是:"+id); returnMap.put("code","200"); returnMap.put("data","成功post資料"); return returnMap; }
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> <script type="text/javascript"> function funcBBB(){ console.log("request..."); $.ajax({ url:"/sms/contacts/requestParam.do", type:"POST", dataType:"json", async:false, data:{ "id":"id001", "name":"name001" }, success:function(message){ alert(message.data+" "+message.code); } }); } function funcCCC(){ console.log("request..."); $.ajax({ url:"/sms/contacts/requestBody.do", type:"POST", dataType:"json", async:false, contentType:"application/json;charset=utf-8", data: JSON.stringify({"id":"id0003","name":"name0003"}), success:function(message){ alert(message.data+" "+message.code); }, error:function(message){ $("request-process-patent").html("fail to post"); } }); } </script> <title>Blockchain Platform</title> </head> <body > <div style="text-align: center;"> <br/> <button onclick="funcAAA()">click</button> <br/><br/><br/> <button onclick="funcBBB()">issue</button> <br/><br/><br/> <button onclick="funcCCC()">issueShow</button><br/><br/><br/> </div> </body> </html>