版权声明:路漫漫其修远兮,吾将上下以求索。 https://blog.csdn.net/qq_38005982/article/details/85044063
之前写过一篇,结果过了这么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传对象,单个的类,我没有找到。希望有这方面的资源的朋友能够支援一下。(前提是亲测有效的,百度的方式我试过很多,都不好用)