1. 程式人生 > >ajax傳值與接收最簡單的方式

ajax傳值與接收最簡單的方式

之前寫過一篇,結果過了這麼1年多,我發現我自己都用著不太對勁,所以特地重新寫一份

前臺:

        首先我們需要引入jquery.js或者ajax.js   但是兩個不可以相容,因為jquery中本身包含了ajax的方法,所以我個人習慣直接引入jquery。html和jsp的引入方式略有區別jsp因為是在html的基礎上做了改進所以引入可以</>標籤自己結束。而htm了引入juery的標籤<></>需要加上</>否則不會好用

post傳值                                                                                       get傳值

$.ajax({                                          $.ajax({
    type: "post",                                    type: "get",
    data: {"tel" : tel,"ss" : ss},                   data: "parameter=1",
    url: "login/telVerification"                     url: "login/telVerification"
                            //如果後臺要返回資料加此方法data代表的就是後臺的資料
                            success: function (data) {
                              var ss=data["ss"];//取值方式:ss代表你從後臺傳值時的命名,var ss就代表取到的資料  
                              }
})                                                    })

 

後臺:

    類名上要有2個註解

@Controller//定義可以跳轉頁面等作用,基本上是必帶的,具體作用可以百度一下
@RequestMapping("login")//定義類的路徑別名的,看一下前臺的ajax的url裡第一個地址就明白了,也可以沒有,那樣url中只需要有方法的路徑別名就可以

  方法:get

@RequestMapping("/telVerification")                         //方法的別名對應的ajax中url
@ResponseBody                                               //如果是ajax傳值此為必帶
public Object telVerification(String tel) throws Exception {//ajax傳值方法必須是object型別。。。也不一定因為我就沒有
                                                             用也可以,但是當初學習的時候老師就教的要用object
    Map<String, Object> map =new HashMap<String, Object>();
    map.put("ss", tel);                                     //返回資料給前臺就是ajax中的data["ss"]
   return map;  
}

post方式如果是傳字串與get方式沒有區別

但是post傳物件,單個的類,我沒有找到。希望有這方面的資源的朋友能夠支援一下。(前提是親測有效的,百度的方式我試過很多,都不好用)