AJAX初体验之上手篇(2)
作者:HotHeart 来源:蓝色理想 时间:2007-08-23 08:50:00
3.用ASP来创建XML文档
为了动态显示的需要,就要用到 * 页了,我用的是ASP。
CODE:
<%
' 修改头标识指明这是一个XML文档
Response.ContentType="text/xml"
' ......
strXML="<?xml versin=""1.0"" encoding=""utf-8""?>"
' 这里就按XML的要求来输出数据库里的内容了
strXML=strXML&"....."
' ......
Response.Write(strXML)
%>
4.处理XML文档
在获取了XML文档之后,就要从中获取需要的东西了,假如我从服务获取了下面的XML文档:
CODE:
<?xml version="1.0" encoding="gb2312"?>
<root>
<item>
<title>AJAX Study</title>
<content>Study AJAX</content>
</item>
</root>
我要的是title及content的内容,那么可以像下面这样做:
CODE:
function DoMyXML() {
var xmlDoc,items,title,content;
// 先从XMLHttpRequest对象中得到XML文档
xmlDoc=xmlObj.responseXML;
// 再得到items
items=xmlDoc.getElementsByTagName("item");
// 最后根据TagName来获取想要的内容
// 如果XML文档里有多个item,可以用数组的下标来表示第几个
title=items[0].getElementsByTagName("title")[0].firstChild.data;
content=items[0].getElementsByTagName("content")[0].firstChild.data;
}
好了,现在已经得到我想要的东西,可以把它们显示出来了。
5.输出处理结果
先假定有一个如下的HTML文档用来显示想要输出的内容:
CODE:
<html>
<head>
<title>AJAX Study</title>
</head>
<body>
<div id="mydisplay"></div>
</body>
</html>
这里定义了一个ID为mydisplay的DIV容器用来显示输出内容,好了,再转到JS:
CODE:
//...接DoMyXML;
//content=items[0].....;
var strHTML;
// 先组织好要显示的内容
strHTML="Item title: " + title + "<br />Item content: " + content;
// 获取目标容器,再设置它的innerHTML为要显示的内容
document.getElementById("mydisplay").innerHTML=strHTML;
好了,这些差不多是编写AJAX程序的基础,具体用就看个人发挥了,当然AJAX并不只这些,更多可以参考相关资料。
HotHeart的BLog: www.xujiwei.cn/blog
相关阅读:
标签:AJAX
0
投稿
猜你喜欢
关于python中readlines函数的参数hint的相关知识总结
2023-12-31 02:37:12
python解析.pyd文件的详细代码
2022-08-04 22:16:45
ASP开发10条经验总结
2007-09-30 13:36:00
JS在IE和FireFox之间常用函数的区别小结
2024-04-16 09:54:54
Mysql 设置boolean类型的操作
2024-01-24 04:49:40
Python3.10.4激活venv环境失败解决方法
2022-11-15 10:39:39
Python 调用 ES、Solr、Phoenix的示例代码
2023-10-03 04:52:57
关于使用python反编译apk签名出包的问题
2022-12-19 19:39:04
解析:校对确定 较为复杂的一些特殊情况
2008-12-17 16:54:00
使用typescript快速开发一个cli的实现示例
2023-08-30 07:25:25
Mysql查询表中最小可用id值的方法
2024-01-27 02:31:29
Linux(Ubuntu)下mysql5.7.17安装配置方法图文教程
2024-01-25 21:28:32
Pandas直接读取sql脚本的方法
2022-08-16 20:16:34
Python异常原理及异常捕捉实现过程解析
2021-04-14 23:05:40
Python中处理字符串之islower()方法的使用简介
2021-03-26 16:40:35
Python实现连接MySQL数据库的常见方法总结
2024-01-22 05:28:26
怎样用JS模拟实现枚举
2024-04-22 12:48:38
Google Chrome的hack写法以及CSS的支持程度
2008-09-04 12:28:00
DW自带的行为制作弹出菜单
2008-05-16 11:38:00
python自动生成证件号的方法示例
2023-05-25 07:42:11