webstorm写好前端之后怎么与后台java连接

我用webstorm 写好了js+h5+css
现在想用连好数据库的java来实现页面的数据和数据库里面的数据交互，具体怎么连接？

在js中写ajax请求，用json做数据交互$(function(){
$("#btn").click(function(){
//没有刷新的异步交互，称为ajax
$.ajax({
//路径地址
url : '' ,
//请求采用方法：get或者post
method : 'get' ,
//这次是否准备传参，如果有，就写上
data : {} ,
//准备接受到的参数类型
dataType : 'json' ,
//如果成功了怎么办
success : function(res) {
//对返回的数据进行处理
})
},
})
})
})

$.ajax({
    type:”post”,//post传值方式
    ansyv:true,//是否异步执行
    data:{xxx:aaa},//需要的传值,可以传值多个逗号隔开
    datatype:”json”,//接收到的返回数据类型
    url:””,//发送地址
    success:function(data){//成功调用的函数,data为接收到的数据
    },
    error:function(){//失败调用的函数
    }
})

java后台接收
public String getData(HttpServlettRequest request){
String ss= request.getParameter(“xxx”); //ss=>xx // xxx为数据传过来的键,xxx的值为传过来的值
}

利用ajax请求与Java后台做数据交互

1、使用ajax与后台做数据交互，需要前后台配合写接口；
2、使用freemarker框架，可在页面中直接写入参数。