ajax非同步互動
阿新 • • 發佈:2020-11-19
jquery中對ajax做了很好的封裝。可以使用$.ajax() , $.post() , $.get()方法。
$.ajax({ url: "", data: "", success:function(data){}, error:function(msg){} })
post和get方法一樣。其中url和success函式是必須的。
springmvc使用ajax。在方法上添加註解@ResponseBody
@RequestMapping(value = "/json1") @ResponseBody public List<User> json() throwsJsonProcessingException { //需要一個jackson的物件對映器,就是一個類,可以將物件轉換成json字串 ObjectMapper om = new ObjectMapper(); List<User> list = new ArrayList(); User u1 = new User("json",12); User u2 = new User("鎏金",12); list.add(u1); list.add(u2); //將java物件轉換成json字串//String s = om.writeValueAsString(list); return list; } @RequestMapping(value = "/json2") @ResponseBody public String json2() throws JsonProcessingException { User u1 = new User("json",12); return JsonUtil.getJson(u1); }
前端ajax程式碼:
使用者名稱:<input type="text" id="uname"> </body> <script> alert($); $(function(){ $("#uname").blur(function(){ $.ajax({ url:"/json/json1", success:function(data){ console.log(data); } }) }) }) </script>