ajax浏览器兼容的问题探讨

 ajax浏览器兼容的问题一直都是同学们多烦恼的,下面有个不错的示例大家可以参考下,希望对大家有所帮助

 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<script> 
window.onload = function(){ 
var oBtn = document.getElementById('btn'); 
oBtn.onclick = function(){ 
//1.创建ajax对象 
//只支持非IE6浏览器 
var oAjax = null; 
if(window.XMLHttpRequest){ 
oAjax = new XMLHttpRequest(); 
//alert(new XMLHttpRequest()); 
}else{ 
//只支持IE6浏览器 
oAjax = new ActiveXObject("Microsoft.XMLHTTP"); 

//2.连接服务器,这里加个时间参数,每次访问地址都不一样,浏览器就不用浏览器里的缓冲了,但 
// 但服务器那端是不解析这个时间的 
oAjax.open("get","a.txt?t=" + new Date().getTime(),true); 
//3.发送 
oAjax.send(null); 
//4.接受信息 
oAjax.onreadystatechange = function(){ 
//浏览器与服务器之间的交互,进行到哪一步了,当等于4的时候,代表读取完成了 
if(oAjax.readyState==4){ 
//状态码,只有等于200,代表接受完成,并且成功了 
if(oAjax.status==200){ 
alert("成功" + oAjax.responseText); 
}else{ 
alert("失败"); 


}; 
 
}; 
}; 
</script> 
</head> 
 
<body> 
<input type="button" value="按钮" id="btn"/> 
</body> 
</html> 
 

时间: 2024-09-02 10:16:56

ajax浏览器兼容的问题探讨的相关文章

ajax浏览器兼容的问题探讨_AJAX相关

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

苹果系统safari浏览器ajax不兼容的问题

问题描述 苹果系统safari浏览器ajax不兼容的问题 2C 写了一个向数据库插入数据时,在前台动态显示进度条的小程序,在windows下火狐 IE 谷歌浏览器都可以显示没有问题但是要用的那个人是苹果的系统,在使用的时候就不能显示出进度条动的效果,一直都是刚开始的那个样子,这是怎么回事?求大神解答一下,万分感谢 具体代码如下 : //进度条 var xmlHttp; var key; function createXMLHttpRequest() { if (window.ActiveXObj

ajax文件上传成功 解决浏览器兼容问题_AJAX相关

ajaxfileupload控制很好用,不过发现上传文件后的结果为被浏览器处理,IE不会,谷哥和火狐都会进行处理,而且谷哥和火狐处理后的结果都不一样,这里对以上三种浏览器进行了兼容性调整. jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; var iframeHtml = '<iframe id="' + frameId + '&

CSS3与页面布局学习总结(八)——浏览器兼容与前端性能优化

一.浏览器兼容 1.1.概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异.屏幕分辨率不一样,大小不一样,比例不一样.兼容性主要考虑三方面: 1).CSS兼容2).JavaScript兼容3).HTML兼容 这三类也是前端的主要组成部分,都存在一定的兼容性问题,知己知彼,百战百胜,我们先了解浏览器的发动机-内核. 多年前我们一直为IE6兼容烦恼,为它没少加

win7系统怎样开启IE11浏览器兼容模式?

  win7系统怎样开启IE11浏览器兼容模式? 1.打开IE浏览器开启要以兼容模式开启的网页或者复制该网页的网址,再点击右上方的齿轮状设置按钮,选择兼容性视图设置; 2.在添加此网站的输入框中会自动填入当前已打开的网址,另外也可以手动输入网址,然后点击添加,该网址会显示在已添加到兼容性视图中的网站列表中,要删除网址的话点击右侧的删除即可; 3.另外下方的在兼容性视图中显示Intranet站点和使用Microsoft兼容性列表两个勾选项也建议勾选上,然后点击关闭后已打开的网址会自动刷新以兼容模式

搜狗高速浏览器兼容模式怎么设置

  大家在使用搜狗高速浏览器的时候默认都是极速模式,但是极速模式在很多网页使用都很不方便,这个时候搜狗高速浏览器怎么切磋成兼容模式呢?只要在网址前面找到闪电图标就可以进行切换了哦,下面就和小编一起来看看吧. 搜狗高速浏览器兼容模式设置方法: 首先我们打开"搜狗高速浏览器"找打自己想要切换兼容的页面 在这个网站上面网址的前面有一个闪电一样的小标志,点击这个标志. 这里有一个灰色字样的"切换到兼容"点击这个字. 然后再点击这个小闪电之后,灰色字样就会显成"切换

如何启用搜狗浏览器兼容模式?

  搜狗浏览器是一款智能高速浏览器,该浏览器中默认自带有高速与兼容两种模式,通常情况下用户都会采用高速模式,但有时候会需要用到兼容模式,不过一些用户不知道搜狗浏览器兼容模式的设置方法,故此小编为大家带来了搜狗浏览器开启兼容模式的方法,需要的用户赶快学习下吧! 操作方法 1.打开浏览器,进入主页面,找到"工具"选项. 2.进入到"基本设置"界面. 3.在"基本设置"界面中,点击高级选项,将鼠标往下移动,直至找到"在兼容模式下--"

Ajax的错误处理机制探讨(2)

ajax|错误|错误处理 实际的例子:把客户端错误传递到服务器上 现在我们知道了XMLHttpRequest和JavaScript错误处理的一些基础知识了,我们来看一个同时使用了两者的实现例子.你可能认为JavaScript错误可以很简单地在流行的"黄色死亡三角"中显示出来,但是仍然有一些错误传递到了几家篮筹股公司的公共web站点的质量部门了. 因此,我将提供一个用于捕捉错误并把错误记录到服务器上的方法,这样其他人就可能修补这些问题.首先,我们考虑客户端.客户端必须提供一个类,它被用作

js在浏览器兼容教程:DOM方法及对象引用

文章简介:js在浏览器兼容教程:DOM方法及对象引用. 1. getElementById [分析说明]先来看一组代码: <!-- input对象访问1 --><input id="id" type="button" value="click me" ōnclick="alert(id.value)"/> 在Firefox中,按钮没反应,在IE中,就可以,因为对于IE来说,一个HTML 元素的 ID 可