1. 程式人生 > 實用技巧 >ajax非同步互動

ajax非同步互動

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() throws
JsonProcessingException { //需要一個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>