AJAX 注意事项

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.发送请求

get方法提交在页面url=encodeURI(url)
在服务器编码: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方式以数据包的方式发送

get方式,参数是追加在请求报文中的url后发送,大小一般限制在1KB以下,IE缓存解决(加载open()方法后)
xmlhttp.setRequestHeader("If-Modified-Since",0);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值