ajax异步提交数据

html页面要和Servlet交互数据时,通过ajax技术可以实现页面部分刷新,例如在用户名校验时,可以增加用户的体验。
ajax有两种
第一种时js原生方式,
1.创建ajax对象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
2.建立连接
xmlhttp.open(method,url,async)
第一个参数时提交方式,GET或者POST
第二个参数是要将提交到的路径,如果是GET方式,可以将数据放在url后拼字符串,如果时POST方式,将数据放在send方法里做参数提交。
第三个参数时选择同步提交或者异步提交,true表示异步提交,false表示同步提交。
AJAX 指的是异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。
XMLHttpRequest 对象如果要用于 AJAX 的话,其 open() 方法的 async 参数必须设置为 true:
3.提交数据
xmlhttp.send()
将数据发送到url路径
4.客户端接收结果
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState4 && xmlhttp.status200)
{
var responseText = xmlhttp.responseText;
alert(responseText);
}
}
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200: “OK”
404: 未找到页面

JQuery实现方式:
a j a x ( u r l : / / 提 交 路 径 t y p e : “ P O S T ” / / 提 交 方 式 d a t a : / / 提 交 数 据 , 推 荐 j s o n 数 据 格 式 s u c c e s s : f u n c t i o n ( d a t a ) / / 成 功 后 回 调 函 数 ) ; 此 外 , 还 可 以 用 ajax({ url: //提交路径 type:“POST” //提交方式 data: //提交数据,推荐json数据格式 success:function(data){ //成功后回调函数 } }); 此外,还可以用 ajax(url://type:POST//data://,jsonsuccess:function(data)//);.get或者$.post来实现。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值