用ajax xml的数据读取的HelloWorld程序

瓁瓁瓁瓁瓁擼

瓁瓁瓁瓁瓁擼

2016-02-19 11:31

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的用ajax xml的数据读取的HelloWorld程序懂设计的网友们快点来了解吧!
俗话说的好,说起来容易做起来难,放在编程上说是看起来容易编起来难,虽说ajax里面没有什么新的技术,只是思想的转变和旧技术的整合,但是动起手来还是问题多多,首先就是我经常使用的是火狐浏览器,马上就碰到了innerText在火狐里面不被兼容的问题,刚开始找不到原因,后来突然反应过来可能是兼容的问题,百度一下,果不其然,在ff里面要使用textContent方法,且一定要遵从w3c标准使用getElementById获取div,不能图省事直接写id,在IE里面行的通,在火狐和其他浏览器就不知道了,还是按标准来吧,这样也有可读性嘛^_^
代码:
代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
html
head
titleAjax的第一个经典例子Hello World/title
script type="text/javascript"
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
try{
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "data.xml", true);
xmlHttp.send(null);
}catch(exception){
alert("您要访问的资源不存在!");
}
}
function handleStateChange(){
if(xmlHttp.readyState == 4){
if (xmlHttp.status == 200 || xmlHttp.status == 0){
// 取得XML的DOM对象
var xmlDOM = xmlHttp.responseXML;
// 取得XML文档的根
var root = xmlDOM.documentElement;
try
{
// 取得info结果
var info = root.getElementsByTagName('info');
// 取字符串
var str_data = info[0].firstChild.data;
//改变div的内容,调用changeText函数,注意IE和FF是不一样的
changeText(info[0].firstChild.data,'showText');
//innerHTML是一样的
document.getElementById("showTextHTML").innerHTML = 'strong' + info[0].firstChild.data + '/strong';
}catch(exception)
{
}
}
}
}
function changeText(str,element){ //兼容IE和FF的
if(navigator.appName.indexOf("Explorer") -1){
document.getElementById(element).innerText = str;
} else{
document.getElementById(element).textContent = str;
}
}
/script
/head
body
div
input type="button" value="return ajax responseXML's value"
onclick="startRequest();" /
/div
div id="showText"/div
div id="showTextHTML"/div
/body
/html
展开更多 50%)
分享

猜你喜欢

用ajax xml的数据读取的HelloWorld程序

Web开发
用ajax xml的数据读取的HelloWorld程序

用Ajax读取XML格式的数据

Web开发
用Ajax读取XML格式的数据

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用Ajax读取xml文件的简单例子

Web开发
用Ajax读取xml文件的简单例子

Ajax读取XML实现动态下拉导航

Web开发
Ajax读取XML实现动态下拉导航

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Ajax初试之读取数据篇

Web开发
Ajax初试之读取数据篇

ASP读取XML数据文件的方法

Web开发
ASP读取XML数据文件的方法

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

统一Word文件内容的格式 查找与替换帮你忙

统一Word文件内容的格式 查找与替换帮你忙

又一不错的应用-正则来查找替换字符串

又一不错的应用-正则来查找替换字符串
下拉加载更多内容 ↓