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请求类

AJAX打造博客无刷新搜索

AJAX应用之草稿自动保存

标签: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
  • asp之家 网络编程 m.aspxhome.com