正确AJAX了解该技术的,创建,应用
ajax认识:
1. ajax这是间client与server机制。但这一机制是在前台的,利用前台的闲置功能,来进行前台与后台的数据交流,以达到增强用户体检。降低server压力,更有效的利用带宽的效果。
2. ajax是採用异步交互的机制。
3. ajax使用于页面局部刷新,按需求验证和取数据。
4. ajax缺点便是浏览器的兼容问题麻烦。与嵌入式移动端对ajax的支持不太理想。
5.ajax已经是一种web开发必备的技术,并且其长处远大于缺点。
6.ajax涉及到的主要技术有7种当中Javascript、XMLHttpRequest、DOM、XML为重点。
7. XMLHttpRequest对象
XMLHttpRequest是XMLHTTP组件的对象。通过这个对象,AJAX能够像桌面应用程序
一样仅仅同server进行
数据层面的交换。而不用每次都刷新界面。也不用每次将数据处
理的工作都交给server来做。这样既减轻 了服务器负担又加快了响应速度、缩短了用
户等待的时间。
Javascript
Javascript一直被定位为client的脚本语言。应用最多的地方是表单数据的校验。如今
能够通过Javascript 操作XMLHttpRequest。来跟数据库打交道。
DOM
DOM(Document Object Model)是提供给HTML和XML使用的一组API,提供了文件的
表述结构,并能够利用它改变当中的内容和可见物。脚本语言通过DOM才干够跟页面进
行交互。Web开发者可操作及建立文件的属性、方法以及事件都以对象来展现。比方,
document就代表页面对象本身。
XML
通过XML(Extensible Markup Language)。能够规范的定义结构化数据。是网上传输的
数据和文档符合统一的标准。
用XML表述的数据和文档。能够非常easy的让全部程序共享。
ajax的创建:
考虑兼容性:
1.浏览器分为IE与非IE,当中非IE是遵循W3C标准的。创建方式基本同样,而IE不一样,其每一个版本号创建的方式也有所不同。
2.创建ajax
</pre><pre name="code" class="php"><script>
function createAjax(){
var request=false;
//window对象中有XMLHttpRequest存在就是非IE,包含(IE7,IE8)
if(window.XMLHttpRequest){
request=new XMLHttpRequest();
有些浏览器是须要覆盖eMimeType
if(request.overrideMimeType){
request.overrideMimeType("text/xml");//指定文本类型
} //window对象中有ActiveXObject属性存在就是IE
}else if(window.ActiveXObject){
//将IE各个版本号的浏览器的參数放在一个数组里面
var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTT4.0','MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP']; //遍历这个数组,确定是那个版本号,进行相应AJAX的创建
for(var i=0; i<versions.length; i++)
{
try{
request=new ActiveXObject(versions[i]);
if(request){return request;}
}catch(e){
request=false;
}
}
}
return request;
}
var ajax=createAjax();//创建AJAX
alert(ajax);測试
</script>
ajax的对象的方法与属性
1. XMLHttpRequest对象的属性:
onreadystatechange状态改变的事件触发器
readyState 对象状态(integer):
0 = 未初始化 1 = 读取中 2 = 已读取 3 = 交互中 4 = 完毕
responseText server进程返回数据的文本版本号
responseXML server进程返回数据的兼容DOM的XML文档对象
status server返回的状态码, 如:404 = "文件未找到" 、200 ="成功"
statusText server返回的状态文本信息
2. XMLHttpRequest对象的方法:
abort()停止当前请求
getAllResponseHeaders()作为字符串返回完整的headers
getResponseHeader("headerLabel")作为字符串返回单个的header标签
open("method","URL"[,asyncFlag[,"userName"[, "password"]]])设置未决的请求的目标 URL,方法,和其它參数
send(content)
发送请求
setRequestHeader("label", "value")设置header并和请求一起发送
版权声明:本文博客原创文章,博客,未经同意,不得转载。
正确AJAX了解该技术的,创建,应用的更多相关文章
- Ajax实例OR技术原理 转自 (http://blog.csdn.net/evankaka )
摘要:AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX 是一种用于创建快速动态网页的 ...
- Ajax原理,技术封装与完整示例代码
在做项目和学习的时候,经常用到Ajax的相关技术,但是这方面的技术总是运用的不是十分好,就寻找相关博客来学习加深Ajax技术相关. 一.Ajax简介 二.同步.异步传输区别 2.1 异步传输 2.2 ...
- 框架基础:关于ajax设计方案(三)---集成ajax上传技术
之前发布了ajax的通用解决方案,核心的ajax发布请求,以及集成了轮询.这次去外国网站逛逛,然后发现了ajax level2的上传文件,所以就有了把ajax的上传文件集成进去的想法,ajax方案的l ...
- 2018-06-25 js表单事件、三个高度和Ajax异步通讯技术
表单事件: onfocus -> 表单控件得到焦点时触发: obj_ipt.onfocus=function(){}; onblur -> 表单控件失去焦点时: onchange -> ...
- 介绍Ajax与jQuery技术
Ajxs技术(异步的JavaScript与XML)已有多种技术的组合 Ajax的优点是什么? 1.可以实现客户端的异步请求操作2.进而在不需要刷新页面的情况下与服务器进行通信,减少用户的等待时间3.减 ...
- 框架基础:ajax设计方案(三)--- 集成ajax上传技术 大文件/超大文件前端切割上传,后端进行重组
马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...
- 前端通信:ajax设计方案(四)--- 集成ajax上传技术 大文件/超大文件前端切割上传,后端进行重组
马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...
- 基于ajax与msmq技术的消息推送功能实现
周末在家捣鼓了一下消息推送的简单例子,其实也没什么技术含量,欢迎大伙拍砖.我设计的这个推送demo是基于ajax长轮询+msmq消息队列来实现的,具体交互过程如下图: 先说说这个ajax长轮询,多长时 ...
- url路由、模板语言、ajax、用django框架创建表
1.后台管理的左侧菜单,默认只有第一个页签下面的选项是显示的,点了别的页签再显示别的页签下面的选项,问题是:点了任何菜单的选项后,左侧菜单又成了第一个页签的选项显示,别的页签隐藏,也就是左侧的菜单刷新 ...
随机推荐
- MsSqlServer bak文件数据导入
MsSqlServer bak文件数据导入 第一步首先在你的数据库中建立一个空数据库 选中新建的数据库 鼠标右键 任务 还原 数据库 这个时候会弹出这种一个框 之后选择原设备 会弹出 点击加入 找到 ...
- Linux - 文件系统结构
文件系统结构: Linux文件系统为一个倒转的系统单根树状结构. 根为 / 严格区分大小写. 路径使用 / 分割,Windows使用 \ . 当前工作目录: 每一个Shel ...
- Qt学习经验之quit()、exit()、close()《转载》
使用QT编辑界面,其中带来很大方便的一点就是Qt中自带丰富的.种类齐全的类及其功能函数,程序员可以在编辑程序的过程中简单地直接调用.关于窗口关闭的操作,在这里指出常用的三个槽,即quit(),e ...
- log4j的性能瓶颈定位与性能优化(org.apache.log4j.spi.RootLogger) (转)
最近执行一个项目调优,发现使用第三方的Json库导致性能差.原以为问题就这么定位到了,结果去掉Json操作后,性能也不见好转. 现象非常诡异:CPU.内存.网络.磁盘使用率均有剩余,而且压力也是足够的 ...
- uva 10129
主要是求能否形成联通的欧拉回路 并查集+ 欧拉回路判断 一开始用dfs判断联通,死活A不出来,Wa了好多次………哭…… 并查集一次就AC了 感觉还是并查集代码好写一点, 因为dfs还要判断入口在哪里… ...
- 3-04. 一元多项式的乘法与加法运算(20)(ZJU_PAT 结构体)
题目链接:http://pat.zju.edu.cn/contests/ds/3-04 设计函数分别求两个一元多项式的乘积与和. 输入格式说明: 输入分2行.每行分别先给出多项式非零项的个数.再以指数 ...
- Visual Studio Code中文文档
Visual Studio Code中文文档 Visual Studio Code是一个轻量级但是十分强大的源代码编辑器,重要的是它在Windows, OS X 和Linux操作系统的桌面上均可运行. ...
- Linux下限制Shell:Rssh和Scponly
限制Shell,正如Rsh和Scponly让系统管理员限制Linux用户可以做哪些操作,你可以创建用户,将被允许通过Scp复制文件,但不会被允许登录到系统的命令行.这是非常重要的安全功能,应考虑每个系 ...
- 监控apache虚拟主机进程
mod_status模块能输出例如以下内容: 正在伺服请求的工作者(线程或进程)数量 空暇的工作者数量 每一个工作者的状态:已完毕的请求数.已发送的字节数.(*) 总訪问数和已发送的字节总数(*) s ...
- Php 解析XML文件
Php 解析XML文件 Php 解析XML文件,仅供学习參考!演示样例代码例如以下: <?php header("Content-type: text/html; charset=ut ...