什么是Ajax?JQuary对Ajax的基本操作
Ajax:Asynchronous JavaScript And XML(异步JavaScript和XML)
是创建交互式网页应用的网页开发技术
Ajax:是一种无刷新页面式的与服务器交互技术
原来的交互:
1、浏览器发送请求
2、服务器收到请求,调用Servlet处理;Servlet处理完成会有相应信息生成;
3、浏览器收到了服务器响应的数据,把之前的页面清除,展示新的数据;【其实就是刷新了页面】
(浏览器与服务器交互)
现在的交互:(XmlHttpRequest对象【是Ajax的底层对象】)
1、XMLHttpRequest对象帮我们发送请求
2、服务器收到请求,调用Servlet处理;Servlet处理完成会有相应信息生成;
3、XMLHttpReuest对象接收数据;(浏览器感受不到数据了,xhr收到这个数据)
(Ajax与服务器交互)
XmlHttpRequest对象,现代浏览器均支持XMLHttpRequest对象
xhr原生编程:
查文档
步骤很繁琐
JQyary-Ajax
1、$get()
2、$post()
3、$ajax()
改变了传统的交互方式:
1、发请求
2、服务器收到请求,处理请求经常给页面携带数据。requst.setAttribute("map",map);转发到页面
3、浏览器收到页面数据,在页面使用el表达式获取数据
导致整个页面刷新,造成很大的服务器负担
然而,只让服务器返回我们需要的数据即可;不用返回整个页面;xhr替代浏览器来接收响应;发送请求;利用dom增删改的方式改变页面效果;
So,What is Ajax:
概括的说就是xhr对象向服务器发送请求,并收到相应数据,利用dom增删改的方式更改页面信息
相关推荐
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo