php学习笔记（二十九）针对不同浏览器Ajax对象的创建

最新推荐文章于 2024-08-27 10:00:37 发布

原创最新推荐文章于 2024-08-27 10:00:37 发布 · 613 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #php

php 专栏收录该内容

42 篇文章

订阅专栏

本文详细介绍了Ajax的基本概念及其在多浏览器环境中的创建方法，包括如何使用XMLHttpRequest对象来实现跨浏览器的Ajax请求，并强调了在创建过程中对不同浏览器（如IE系列和非IE系列）的支持和兼容性。

<?php
/**
 * 一、Ajax的介绍和优点
 * XMLHttpRequest
 * 
 * 二、创建ajax创建对象（需要多浏览器支持）
 * 创建过程复杂，但是代码相对固定
 * 要兼容各个浏览器
 * 1.ie系列
 * 2.非ie系列的浏览器
 * 
 */
?>
<script>
	function createXMLHttpRequest(){
	    var request = false;
	    //一般先判断非IE浏览器
	    //window对象中有XMLHttpRequest存在就是非IE，包括（IE7，IE8）
	    if(window.XMLHttpRequest){
	        request=new XMLHttpRequest();//非IE以及IE7，IE8浏览器
	        if(request.overrideMimeType){
	            request.overrideMimeType("text/xml");//重置mime类型
	        }
	    //window对象中有ActiveXObject属性存在就是IE浏览器的低版本
	    }else if(window.ActiveXObject){
	        var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];//各种IE浏览器创建Ajax对象时传递的参数
	        for(var i=0; i<versions.length; i++){
	            try{
	                request=new ActiveXObject(versions[i]);//各个IE浏览器版本的参数不同
	                if(request){
	                    return request;
	                }
	            }catch(e){
	                request=false;
	            }
	        }
	    }
	    return request;
	}
	
	//注意：必须把创建ajax对象的代码放在show 函数里，确保每次点击的时候都创建一个新的ajax对象。
	var ajax = null;
	
	function show(){
		ajax = createXMLHttpRequest();
		alert(ajax);
	}
</script>