zoukankan      html  css  js  c++  java
  • 正确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并和请求一起发送


    版权声明:本文博客原创文章,博客,未经同意,不得转载。

  • 相关阅读:
    SAMBA服务和FTP服务讲解(week3_day1)--技术流ken
    Linux网络技术管理及进程管理(week2_day4)--技术流ken
    RAID磁盘阵列及CentOS7系统启动流程(week2_day3)--技术流ken
    Linux磁盘管理及LVM讲解(week2_day2)--技术流ken
    Linux计划任务及压缩归档(week2_day1)--技术流ken
    Linux权限管理(week1_day5)--技术流ken
    Linux高级命令进阶(week1_day2)--技术流ken
    k8s集群监控(十一)--技术流ken
    k8s部署使用Dashboard(十)--技术流ken
    k8s应用机密信息与配置管理(九)--技术流ken
  • 原文地址:https://www.cnblogs.com/hrhguanli/p/4638163.html
Copyright © 2011-2022 走看看