今天看了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格式的数据;
- 编写Ajax请求url:Controller请求
- 2.Data:键值对(注意这个是JSON格式!!!)
- 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要多看看!!!