aJax

Ajax
1:AJAX是什么?
在以前都是靠 CS(服务器)来操作数据,需要安装客户端,使用比较麻烦 如果出现故障需大量时间安装服务器。后来出现了BC (浏览器) 在目前来说比较流行,不需要安装客户端,但是反应比较慢,因此出现了aJax 它的出现,开启了无刷新更新界面的时代,可以替代传统Web方式和通过隐藏框架实现异步的趋势。

Ajax全称:Asynchronous JavaScript and XML (异步JavaScript和XML),它利用了一系列交互式网页应用相关技术。
2:AJAX优缺点:
优点:
1.不需要插件支持 。
2.可以不刷新界面的前提下更新数据 。
3. 提高web应用的性能
传统是通过form表单, 整个界面刷新获得数据,而ajax是通过XMLHttpRequest对象向服务器端提交希望提交的数据,按需发送 。
4. 减轻服务器端和宽带的负担
Ajax的工作原理就相当于在用户和服务器端加了一个中间层.使用户操作和服务器端相应异步化.它在客户端创建ajax引擎,把传统方式下的一些服务器端处理的数据在客户端来处理,大大的减轻了服务器端和宽带的负担。
5. 大大的提高了开发的效率。封装了很多个快捷的方式供我们使用 。
缺点:
1. 破坏了浏览器的后退的功能 。
2. 开发和调试工具缺乏 。
3. 不适合大量数据。
4. 返回值是html和xml 。
3: ajax提交方式post与get的区别:
1.设置请求时不同 即open()方法不一样
a).提交方式不同 即第一个参数不同
b).请求的url即第二个参数也不同 如果是get提交方式的话 url中包含要提交的参数列表 如果是post则不包含。

在发送之前post请求头部应该加上一句话
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");告诉服 务器发送的数据类型是名/值格式。

3.在send()方法中发送要传递给服务器的参数列表
注意:ajax get和post提交中文参数时 不同
get提交方式 传递中文参 数的问题,若为get,需要解决中文问题url= encodeURI(url);

4:AJAX操作步骤:
1.通过js创建ajax的引擎对象XMLHttpRequest对象
2.在该对象中设置要发送的请求及其参数 (请求是jsp或者是servlet对应的url-pattern)
xmlHttp.open(first,second,third);
@ param first:提交的方式 get或者是post
@param second:提交的请求 如果是get请求 则包含参数列表
@param third:提交的模式是同步模式还是异步模式 true代表异步模式
3.发送请求给服务器 利用的是xmlHttp.send(null) 加上null代表火狐和ie都支持
4.利用xmlHttp的onreadystatechange的事件 来监视xmlHttp.readyState的状态 ,每次改变时都调用回调函数。
5.在回调函数中处理返回值 利用dom模型写到页面的指定位置 实现局部刷新。
存在一个贯穿整个流程
0:请求未初始化(在调用open() 之前)
1:请求已提出(调用send() 之前)
2:请求已发送(这里通常可以从响应得到内容头部)
3:请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
4: 请求已完成(可以访问服务器响应并使用它)

返回值状态:
200:请求成功
202:请求被接收,但未被完成
404:请求资源未找到
500:内部服务器错误
:jQuery提交方式:
Get
Post
Load 参数最多,在jQuery中时最底层的提交。
Getjson 因为返回都是json 方便给java调用。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值