如何使用Ajax技术开发Web应用程序(3)-ajax技术教程
转载自:互联网 作者:cd3c.com
您正在看的ajax技术教程是:如何使用Ajax技术开发Web应用程序(3)。
作者: Jonathan Fenocchi
时间:2005.10.25
译者:Sheneyan
英文原文:http://www.webreference.com/programming/javascript/jf/column14/index.html
在这个关于AJAX系列的第三部分中(相关文章:第一部分、第二部分),我们将学习如何使用AJAX与服务端进行写作以及这些技术如何产生强大的web应用程序。如果你对学习如何构建类似GMail或者Google Maps的web程序感兴趣的话,这是一篇基础的入门(虽然那两个东东会比我们在这篇文章中提及的内容复杂的多)。在这篇文章中,我使用PHP作为服务端语言,但AJAX能够和任何服务端语言进行很好的兼容,所以你尽可以选择你所钟爱的任何语言!
我们还是从我们上一篇文章的代码(喏,就在上面)开始我们的学习,你可以去阅读它来作为参考。
这里就是这个HTML页面(带js):
"http://www.w3.org/TR/html4/strict.dtd">
使用Ajax开发web应用程序
这个页面演示了AJAX技术如何通过动态读取一个远程文件来更新一个网页的内容--不需要任何网页的重新加载。注意:这个例子对于禁止js的用户来说没有效果。
这个页面将演示如从取回并处理成组的XML数据。被取回的数据将会以表格形式输出到底下。
查看演示.
(sheneyan注:示例见 example_3.html )
注意:这里唯一的变化就是我们将我们的ajaxRead()中的“data_2.xml”改成了“data_3.php”。这是因为我们将使用php来输出XML(如果你在你的浏览器里打开这个PHP文件,它会以一个XML文件的形式展现出来--我们只是要在这个文件中进行操作而不只是一个简单的XML)。这个PHP文件的输出类似:
<猫 tasks="喂食, 饮水, 抓跳蚤" />
<狗 tasks="喂食, 饮水, 带出去遛遛" />
<鱼 tasks="喂食, 检查氧气,水的纯度,其它" />
(Sheneyan注:示例就不提供了,参考底下说明即可。)
这只是输出结果,我们准备从一个mysql数据库中获取这些
[1] [2] 下一篇
