ajax作用:实现页面异步刷新,就是局部刷新,页面其他地方不变。
首先导入jqueary包
还需要一个fastjson包
下载地址fastjson点击jar下载
前端代码
<script>
$(function () {
$("#dd").click(function () {
alert("sss")
$.ajax({
//你要访问的后端地址
url:"/ajax",
//请求方式
type:"get",
//数据域,里面是你要传给后端的数据
data:{
name:"zwj",
zge:18
},
//请求成功后执行的方式,date里面就是后端传过来的数据
success:function (date) {
//这个是将json字符串转化为json对象
var parse = JSON.parse(date);
console.log(parse.name)
}
})
})
})
</script>
后端:
@WebServlet("/ajax")
public class Ajax extends HttpServlet {
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//获取前端传来的两个参数
System.out.println(req.getParameter("name"));
System.out.println(req.getParameter("age"));
//设置响应编码,否则中文出现乱码
resp.setContentType("text/html;charSet=utf-8");
//后端给前端响应数据
PrintWriter out=resp.getWriter();
Student student=new Student("zwj","男",22);
//将对象转化为json字符串
String s1 = JSON.toJSONString(student);
out.print(s1);
}
}