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

    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值