Ajax异步刷新功能举例分析
本篇内容主要讲解"Ajax异步刷新功能举例分析"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"Ajax异步刷新功能举例分析"吧!
在这里我们首先说一下关于$_GET请求和$_POST请求 。
方法：
open(method,url,async)
send(string)
其中，
规定请求的类型、URL 以及是否异步处理请求。
method：请求的类型；GET 或 POST
url：文件在服务器上的位置
async：true（异步）或 false（同步）
将请求发送到服务器。
string：仅用于 POST 请求
GET请求
方法：
xmlhttp.open("GET","ajax_info.txt",true);xmlhttp.send();有关 GET 请求的其他一些注释：
GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制
GET 请求只应当用于取回数据（不修改）
POST请求
方法：
xmlhttp.open("POST","/try/ajax/demo_post.php",true);xmlhttp.send();有关 POST 请求的其他一些注释：
POST 请求不会被缓存
POST 请求不会保留在浏览器历史记录中
POST 不能被收藏为书签
POST 请求对数据长度没有要求
总结一下，就是
GET在浏览器回退时是无害的，而POST会再次提交请求
GET产生的URL地址可以被Bookmark，而POST不可以
GET请求会被浏览器主动cache，而POST不会，除非手动设置。
GET请求只能进行url编码，而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
GET请求在URL中传送的参数是有长度限制的，而POST么有。
对参数的数据类型，GET只接受ASCII字符，而POST没有限制
GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
GET参数通过URL传递，POST放在Request body中。
在下面的案例中我们两种方法都会用到，大家可以观察两者的区别。
几个一会儿会用到的知识点：
1、xmlhttp.readyState==4 && xmlhttp.status==200
在这一节的代码中用到的格式为
if(xhr.readyState == 4){ if(xhr.status == 200){ var result = xhr.responseText; var username_result = document.querySelector("#username_result"); if(result == "ok"){ username_result.innerText ="用户名可以使用"; }else{ username_result.innerText ="用户名已经被注册"; } } }那么其中的readyState和status是什么意思呢？
xmlhttp.readyState的值及解释：
0：请求未初始化（还没有调用 open()）。
1：请求已经建立，但是还没有发送（还没有调用 send()）。
2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。
3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。
4：响应已完成；您可以获取并使用服务器的响应了。
xmlhttp.status的值及解释：
100--客户必须继续发出请求
101--客户要求服务器根据请求转换HTTP协议版本
200--交易成功
201--提示知道新文件的URL
202--接受和处理、但处理未完成
203--返回信息不确定或不完整
204--请求收到，但返回信息为空
205--服务器完成了请求，用户代理必须复位当前已经浏览过的文件
206--服务器已经完成了部分用户的GET请求
300--请求的资源可在多处得到
301--删除请求数据
302--在其他地址发现了请求数据
303--建议客户访问其他URL或访问方式
304--客户端已经执行了GET，但文件未变化
305--请求的资源必须从服务器指定的地址得到
306--前一版本HTTP中使用的代码，现行版本中不再使用
307--申明请求的资源临时性删除
400--错误请求，如语法错误
401--请求授权失败
402--保留有效ChargeTo头响应
403--请求不允许
404--没有发现文件、查询或URl
405--用户在Request-Line字段定义的方法不允许
406--根据用户发送的Accept拖，请求资源不可访问
407--类似401，用户必须首先在代理服务器上得到授权
408--客户端没有在用户指定的饿时间内完成请求
409--对当前资源状态，请求不能完成
410--服务器上不再有此资源且无进一步的参考地址
411--服务器拒绝用户定义的Content-Length属性请求
412--一个或多个请求头字段在当前请求中错误
413--请求的资源大于服务器允许的大小
414--请求的资源URL长于服务器允许的长度
415--请求资源不支持请求项目格式
416--请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段
417--服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求
合起来
500--服务器产生内部错误
501--服务器不支持请求的函数
502--服务器暂时不可用，有时是为了防止发生系统过载
503--服务器过载或暂停维修
504--关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长
505--服务器不支持或拒绝支请求头中指定的HTTP版本
1xx:信息响应类，表示接收到请求并且继续处理
2xx:处理成功响应类，表示动作被成功接收、理解和接受
3xx:重定向响应类，为了完成指定的动作，必须接受进一步处理
4xx:客户端错误，客户请求包含语法错误或者是不能正确执行
5xx:服务端错误，服务器不能正确执行一个正确的请求
xmlhttp.readyState==4 && xmlhttp.status==200的解释：请求完成并且成功返回
2、针对IE6及以下的版本浏览器的兼容处理
var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); } else{ xhr = new ActiveXObject("Microsoft.XMLHTTP") }这里都是固定写法，可以不用记，甚至在代码中可以不写
3、onblur事件
onblur 事件会在对象失去焦点时发生。
username.onblur = function(){}意思就是当鼠标光标从当前目标上离开并且点击了别的地方，则会执行function中的操作。
操作演示
如果我们输入的信息合法，且在数据库中查询后可以使用
如果我们输入的信息在数据库中已经有了，比如昵称已被使用或手机号已被使用
当然在这里我们并没有使用数据库，而是在php代码中使用了if...else语句进行简单的判断。
接下来我们来看最重要的----代码部分
HTML代码
wellfancy 注册界面
php代码部分：
1、checkUsername部分：
2、checkEmail部分
3、checkPhone部分
到此，相信大家对"Ajax异步刷新功能举例分析"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
