不会见Jquery的AJAX文件夹
引入: 实现百度的注册功能中的用户是否被注册。
思考:出现原因是什么?如何解决?
req.getRequestDispatcher("index.jsp").forward(req,resp);
表示跳转到一个新的页面 导致页面的刷新。
解决方式:可以将用户名也存储,防止数据的丢失。
这么做的缺点:如果页面的数据较多。要存的东西也很多
另外如果页面有大量的文件例如图片等。 一个小小的文本框的区别。就要导致重新加载页面。效率非常低下
解决方式:使用AJAX
什么是AJAX
什么是AJAX(阿贾克斯 或 额贾克斯):
属于jquery的一项核心技术。用来和后台进行交互.(数据发送给后台,从后台接收数据)
复习:和后台交互的四种方式:
1.超链接
2.表单
3.location.href
4.AJAX
其中第四种和前面三种的区别:
第四种属于在当前网页进行局部刷新的技术
前面三个调用之后,一定会发生页面的跳转也就是页面的刷新
哪里可以用到AJAX
哪些局部数据需要刷新,但是不想刷新整个页面 就可以使用AJAX
例如:判断用户是否注册 百度首页的换一换 分页查询等等。
如何去使用AJAX
1.导入jquery
2.思考在哪里触发AJAX 例如鼠标移入事假 点击事件 失去焦点事件等等。
3.语法:
$.ajax({
"key1" : "value1",
"key1" : "value1",
"key1" : "value1",
"key1" : "value1"
});
AJAX的常见属性和属性值
下面的所有属性名 都要严格区分大小写
1,url:链接地址,字符串表示
2,data:需发送到服务器的数据 格式要求为JSON格式
如果前台发送给后台的数据是基本数据且无需保密,就可以直接拼接在后面的URL地址上
3,type:"POST" 或 "GET",请求类型 默认是get
4,dataType:服务器servlet响应给你的数据类型是什么。默认是text为文本类型 可以改成json
5,success:请求成功后,服务器回调的函数
6,error:请求失败后,服务器回调的函数
7,async:是否异步处理,默认为true;设置该值为false后,
JS不会向下执行,而是原地等待服务器返回数据,并完成相应的回调函数后,再向下执行
第七点非常重要 分页查询肯定需要用到!!! 一般的场景不用。