ajax的使用

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);

    }
}