ajax傳值與接收最簡單的方式
阿新 • • 發佈:2019-01-03
之前寫過一篇,結果過了這麼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傳物件,單個的類,我沒有找到。希望有這方面的資源的朋友能夠支援一下。(前提是親測有效的,百度的方式我試過很多,都不好用)