Ajax应用

2017-05-24 09:59:31来源:网络收集作者:农码一生人点击





Ajax异步刷新技术:
body部分:



username:



password:






script代码块



当username输入框按下键盘然后松开时触发事件,定义一个变量调用函数ajax(),返回一个ajax对象,一般是
oAjax = new XMLHttpRequest();
然后定义一个url地址,地址为绝对路径在目录下的check.php,里面包含了ajax返回方法。


<?php
//获取ajax传过来的内容,处理,再返回给ajax。
$username=$_GET['name'];
if($username=='admin'){
echo '该用户名已被使用';
}
else{
echo '用户名可使用';
}
?>

然后使用
open()
方法传入提交方法(’GET/POST’),url地址,是否异步(默认为异步true),再使用
send()
方法发送数据。使用xhr.onreadystatechange监听触发事件。
readyState一共有五个状态 0 未连接 1 打开连接 2 发送请求 3 交互 4 完成交互。当xhr.readyState==4时,整个过程完成,这时候判断xhr.status==200是否成立,xhr.status==200代表过程完成且正确,此时就可以使用获取到的xhr.responseText数据来执行一切方法。

微信扫一扫

第七城市微信公众平台