@RequestMapping(value = "/spittle/{ownerId}",method= {RequestMethod.GET}) public String spittle(@PathVariable String ownerId,@RequestParam("a") int petId,@RequestParam Map<String,String> allRequestParams) { System.out.println("uri parameter"+ownerId);//擷取的uri中/spittle/{ownerId} ownerid的值 這裡為3 System.out.println("request parameter"+petId);//擷取的是參數 參數a的值 這裡為8 //entrySet返回Set<Map.Entry<K,V>>,而Map.Entry 一個map entry就是一個索引值對，getKey拿到key，getValue拿到value //代替keySet方法返回的是Set<k>,遍曆Set後只取到key，再根據key從map中擷取value for(Map.Entry<String, String> entry:allRequestParams.entrySet()){ System.out.println(entry.getKey()+"->"+entry.getValue()); } //整個map的擷取 這裡能取到 a->8 b->2 System.out.println(ownerId); return "spittle_"+ownerId;}
所以要做到類萬用字元跳轉，value = "/spittle/{ownerId}"這雷根據自己的頁面跳轉進行配置然後return即可。
2、405錯誤
@RequestMapping(value = "/spittle/{ownerId}",method= {RequestMethod.POST}) 如果只限定了POST方法，然後通過GET請求是會報405錯誤的。
3、前端頁面的展示 前面做到了更加複雜的控制跳轉，然後還能擷取uri和前端請求參數。
接下來是要將幕後處理的參數傳遞給前端。
@RequestMapping(value = "/spittle2",method= {RequestMethod.POST,RequestMethod.GET}) public ModelAndView ListData2() throws Exception { ModelAndView model = new ModelAndView("ok"); String json = "{\"total\":10,\"rows\":[{\"a\":1,\"b\":\"ee\"}]}";model.addObject("msg", json);return model;}或者直接寫成：
@RequestMapping(value = "/spittle2",method= {RequestMethod.POST,RequestMethod.GET}) public ModelAndView ListData2() throws Exception {return new ModelAndView("ok","msg", "{\"total\":10,\"rows\":[{\"a\":1,\"b\":\"ee\"}]}");}
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>${msg}
4、與ajax的互動及406錯誤 一來就想著非跳轉到頁面時，如果不是在頁面直接顯示而是非同步請求直接擷取資料呢。經過不停地摸索之後我發現我的思路錯了。完全錯了。
錯在我沒弄清。
再回頭看看Spring MVC實戰（一）——讀《Spring in action》搭建最簡單的MVC所寫的。流程中的第4和第5步。
在Controller(控制器)這裡處理資訊。打包模型資料還有視圖名稱給DispatcherServlet。
DispatcherServlet諮詢view resolver(視圖解析器)，找到具體的視圖映射。
@Controllerpublic class HomeController { @RequestMapping(value = "/test") public String helloWorld() { return "HelloWorld"; }}
public ViewResolver viewResolver() {InternalResourceViewResolver resolver = new InternalResourceViewResolver();resolver.setPrefix("/WEB-INF/views/");resolver.setSuffix(".jsp");return resolver;}
@ResponseBody@RequestMapping(value = "/test")public String helloWorld() { return "Hello World";}
http://localhost:8080/project/static/test.html:
<html><head><title>ajax互動</title><script type="text/javascript" src="../js/jquery/jquery.js"></script><script>function test(){ $.ajax({ type:"GET", url:"../hello", error:function(data){ alert("出錯。:"+data); }, success:function(data){ alert(data);//直接彈出Hello world alert("success:"+data.a); alert("success:"+data.b); } }); } </script></head><body> <input type="submit" value="test" onclick="test();"/></body></html>
@RequestMapping(value = "/spittle",method= {RequestMethod.POST,RequestMethod.GET}) public @ResponseBody Map ListData() throws Exception { Map<String, Object> map = new HashMap<String, Object>(); map.put("a", "a"); map.put("b", 2); return map;}
<dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.4.0</version></dependency>
5、與EasyUI的互動。 EasyUI的Datagrid接受json串格式為：{"total":10,"rows":[{"a":1,"b":"ee"}]}
有些人資料沒正常顯示出來還給我了踩。
今天發現了問題。
因為在幕後處理是，有些人為了避免使用逸出字元。直接將雙引號改為單引號。這樣到EasyUI這邊是識別不到資料的。
String json = "[{'id':1,'name':'ee','password':'1'}]";
String json = "[{\"id\":1,\"name\":\"ee\",\"password\":\"1\"}]";
@RequestMapping(value = "/spittle",method= {RequestMethod.POST,RequestMethod.GET}) public @ResponseBody Map ListData() throws Exception { Map<String, Object> map = new HashMap<String, Object>(); map.put("a", 1); map.put("b", 2); return map;}
@RequestMapping(value = "/spittle",method= {RequestMethod.POST,RequestMethod.GET}) public @ResponseBody Map ListData() throws Exception { Map<String, Object> bigmap = new HashMap<String, Object>(); Map<String, Object> map1 = new HashMap<String, Object>(); Map<String, Object> map2 = new HashMap<String, Object>(); bigmap.put("total", "13"); map1.put("a", 1); map2.put("a", 1); map1.put("b", 2); map2.put("b", 2); Map[] maparray = {map1,map2}; bigmap.put("rows",maparray); return bigmap;}
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" type="text/css" href="../css/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="./css/easyui/themes/icon.css"><script type="text/javascript" src="../js/easyui/jquery.min.js"></script> <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="../js/easyui/easyui-lang-zh_CN.js"></script> <script>$(document).ready(function(){$('#table1').datagrid({nowrap: true,singleSelect: false,striped: true,fit: true,fitColumns:false,url:'../spittle',columns:[[ {field:'a',title:'a',width:550,align: 'center'},{field:'b',title:'b',width:550,align: 'center'}]],pagination:true,rownumbers:true,pageNumber:1}); });</script></head><body> <table id="table1"></table></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
