我们创建好springBoot项目后,还要需要添加接受JSON数据的依赖
<!--接受json数据依赖-->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.62</version>
</dependency>
然后在前端写好访问后端的JS代码
这是常用的模式:
$('#button1').click(function (){
$.ajax({
//访问路径
url:'/AJAXTest',
//表示发送方式
type:'post',
//data表示要发送的数据
data:JSON.stringify({"name":$('#button1').val()}),//JSON.stringify()函数的参数为JSON对象
//声明发送的内容格式
contentType:"application/json;charset=UTF-8",
//定义回调得到的数据格式
dataType:'json',
//定义是否同步
async:false,
//访问成功后执行的方法
success:function (data){
if(data!=null){
console.log(data);
console.log($('#button1').val());
}
},
//请求失败了
error:function (){},
//请求完成
complete:function (){},
//请求之前
beforeSend:function (){}
});