AJAX
2018-08-02 05:53:03来源：博客园 阅读 ()
1.认识Ajax
a) Ajax,Asynchronous Javascript And Xml，异步的JavaScript和xml。
b) Ajax不是新的技术，是已有技术的更好的使用方式。
c) Ajax是一种在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的艺术。
2.Ajax的使用方式
2.1创建XMLHttpRequest对象
XMLHttpRequest对象时Ajax的核心对象，所有的方法和属性都通过该对象使用。
2.2监听onreadystatechange事件
a)readyState存有XMLHttpRequest的状态信息
>0:请求未初始化；
>1:服务器连接已建立；
>2:请求已接收；
>3:请求处理中；
>4:请求完成且响应已就绪；
b)states表示响应状态码，常见的有200（成功跳转）,304,404（无效页面）等。
2.3初始化请求
open方法：用于打开和数据库的链接，参数如下：
》method:请求方法，get或post.
》url:请求的路径.
》async:是否异步，默认为true.
2.4发送请求
send方法：用于发送请求，post方式提交时，可在send方法中添加请求参数。
2.5接收响应
a)responseTest:用于获取文本响应信息。
b)responseXML:用于获取xml格式的响应信息。
|
function getMsg() { var xmlHttp; // [1] 创建XMLHttpRequest对象 if(window.XMLHttpRequest) {// 现代浏览器 xmlHttp = new XMLHttpRequest(); } else if(window.ActiveXObject) {// ie5, ie6 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { alert("请升级浏览器!"); return; } // [2] 监听onreadystatechange事件 xmlHttp.onreadystatechange = function() { console.info(xmlHttp.readyState); if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200 || xmlHttp.status == 304) { // [5] 接收响应信息 var result = xmlHttp.responseText; document.getElementById("box").innerHTML = result; } } }; // [3] 准备请求信息 xmlHttp.open("get", "msg", true); // [4] 发送请求 xmlHttp.send(); } |
3.通过AJAX验证用户名是否可用
|
window.onload = function() { document.getElementById("uname").onblur = function() { var xmlHttp; if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlHttp.onreadystatechange = function() { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200 || xmlHttp.status == 304) { var result = xmlHttp.responseText; if(result == 0) { document.getElementById("unameSpan").innerHTML = "√"; } else { document.getElementById("unameSpan").innerHTML = "×"; } } } }; xmlHttp.open("get", "uname?uname=" + this.value); xmlHttp.send(); }; }; |
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- 简单认识java enum枚举 2020-04-24
- AJAX 请求真的不安全么？ 2020-04-20
- javaEE常用开源框架的认识及概述 2020-03-28
- SpringBoot 入门 2020-03-19
- 对Java入口函数的认识 2020-03-09
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
