Ajax:Asynchronous JavaScript and XML
1.异步的javascript和xml技术,允许浏览器与服务器通信而无须刷新当前页面的技术
Ajax包含的技术有使用javascript操作DOM(Document Object Model)进行动态显示及交互
;使用XML和XSLT进行数据交换以及相关操作;使用XMLHttpRequest对象与服务器进行异步数据交互
2.Ajax应用程序的优势在于:1.通过异步模式,无刷新提交提升了用户体验;优化浏览器和服务器之间的传输,减少不必要的数据往返,从而减少了大用户量的服务器负载。
3.主要缺点在于,它可能破坏浏览器后退按钮的正常行为
4.XMLHttpRequest 是一个JavaScript对象,所有ajax客户端与服务器的处理都是通过该对象,创建该对象 var XMLHttp = new XMLHttpRequest();
onreadystatechange设定服务器响应回调方法,主要告诉服务器数据返回后应该怎么处理
void open (String method, string url, boolean asynch)建立到服务器的新请求
void send(dt) 发送请求,如果是get参数一般设置为null,如果请求时post,则需要传递参数((key=valule&key1=value)
responseText 服务器响应数据
ajax编码流程:1.从web表单中获取所有需要的参数?var userName = document.registerForm.user.value; 其中registerForm为form表单名
2.建立要链接的url
3.设置服务器在完成后要运行的函数 4.打开到服务器的链接 5.发送请求
1.异步的javascript和xml技术,允许浏览器与服务器通信而无须刷新当前页面的技术
Ajax包含的技术有使用javascript操作DOM(Document Object Model)进行动态显示及交互
;使用XML和XSLT进行数据交换以及相关操作;使用XMLHttpRequest对象与服务器进行异步数据交互
2.Ajax应用程序的优势在于:1.通过异步模式,无刷新提交提升了用户体验;优化浏览器和服务器之间的传输,减少不必要的数据往返,从而减少了大用户量的服务器负载。
3.主要缺点在于,它可能破坏浏览器后退按钮的正常行为
4.XMLHttpRequest 是一个JavaScript对象,所有ajax客户端与服务器的处理都是通过该对象,创建该对象 var XMLHttp = new XMLHttpRequest();
onreadystatechange设定服务器响应回调方法,主要告诉服务器数据返回后应该怎么处理
void open (String method, string url, boolean asynch)建立到服务器的新请求
void send(dt) 发送请求,如果是get参数一般设置为null,如果请求时post,则需要传递参数((key=valule&key1=value)
responseText 服务器响应数据
ajax编码流程:1.从web表单中获取所有需要的参数?var userName = document.registerForm.user.value; 其中registerForm为form表单名
2.建立要链接的url
3.设置服务器在完成后要运行的函数 4.打开到服务器的链接 5.发送请求
get方法提交在页面url=encodeURI(url)
在服务器编码:String uname=request.getParamer("uname");
String name = java.net.URLDecoder.decode(uname,"utf-8");
在服务器编码:String uname=request.getParamer("uname");
String name = java.net.URLDecoder.decode(uname,"utf-8");
/利用post方式提交
客户端处理(open()方法后):设置响应头信息,以标准的键值对方式发送参数,XMLHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded")
post方式以数据包的方式发送
客户端处理(open()方法后):设置响应头信息,以标准的键值对方式发送参数,XMLHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded")
post方式以数据包的方式发送
get方式,参数是追加在请求报文中的url后发送,大小一般限制在1KB以下,IE缓存解决(加载open()方法后)
xmlhttp.setRequestHeader("If-Modified-Since",0);
xmlhttp.setRequestHeader("If-Modified-Since",0);