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 map =new HashMap();
    map.put("ss", tel);                                     //返回数据给前台就是ajax中的data["ss"]
   return map;  
}

post方式如果是传字符串与get方式没有区别

但是post传对象，单个的类，我没有找到。希望有这方面的资源的朋友能够支援一下。（前提是亲测有效的，百度的方式我试过很多，都不好用）

 

前端传list数据后台如何接收问题解决

后台接收到的是String，转list即可

 

有的朋友可能用我的ajax前台接受返回数据失败，原因是因为我也不知道

不过能解决，很奇怪我自己的电脑就可以，朋友copy我的项目就必须将数据转json否则接收不到

首先后台返回数据时要改动一下：将数据改成json格式字符串

其次前台：将后台传的json数据转成原本的样式

问题完美解决！