Ajax学习过程中的坑

今天看了B站上的Ajax视频,在自己动手实现的过程中发现了一些问题,所以特来记录总结:

首先想使用Ajax必须要使用jQuery,那么就需要导入jQuery,使用Vue导入Vue

先来看看Ajax的代码吧!

$.get({

            url:"${pageContext.request.contextPath}/AjaxServlet",

            cache:false,

            success:function(msg){

            }

})

等价于

$.ajax({

            url:"${pageContext.request.contextPath}/AjaxServlet",

            type:”get”,

            cache:false,

            success:function(msg){

            }

})

1、Post方式编写对应处理的Controller,返回消息或者字符串或者json格式的数据;

  1. 编写Ajax请求url:Controller请求
  2. 2.Data:键值对(注意这个是JSON格式!!!)
  3. 3.Success:回调函数

2、在代码中常用Ajax的地方,就是给Ajax绑定事件,点击onClick,失去焦点onblur,键盘弹起keyup

易错点1:

1、当检测到资源没有发生变化时,Ajax对请求的响应只回复一次,不发生变化(返回浏览器缓存的),节约资源;去除缓存的方式为:cache:false;

2、要按照Json数据格式写data!要按照Json数据格式写data!要按照Json数据格式写data!

      否则真的会导致传递不进去参数,即使调用了request.getParameter("username"),也会一直显示null,

https://blog.csdn.net/qq_29569183/article/details/79194292这篇写的很好!!!以后用到了Ajax要多看看!!!

发布了7 篇原创文章 · 获赞 0 · 访问量 188

猜你喜欢

转载自blog.csdn.net/weixin_43771204/article/details/104402737
今日推荐