Ajax开始准备入门篇

 更新时间:2010年10月25日 17:04:57   作者:  
我很开心您来阅读我写的关于ajax的实例教程,无论您是第一次还是老朋友.我将在这里献上我至今所学,并毫不吝啬。
我将在Web圈推出ajax原创系列教程,如果你还不知道什么是ajax,请阅读:ajax是什么?
在此之前我们需要做一下简单的ajax准备工作,但你必须要具备基本的html,javascript,dom编写能力.否则这个ajax教程你读起来会很吃力.我的目的是通过这份教程.可以让你在你的网页中使用ajax技术实现,读取,添加,修改,删除数据的操作.也许你是只老鸟对我写的这些不屑一顾,但我还是希望你能看 下该教程中演示的一些例子,没准会有地方吸引你!
下面我们要做的有2点.第1我们必须创建一个可用的XMLHTTPRequest对象,如果你不知道什么是XMLHTTPRequest,请阅读:XMLHTTPRequest是什么?
因为各大浏览器对XMLHTTPRequest对象的支持标准不同,所谓可用的XMLHTTPReqeust对象.就是说要在IE,FF,Chrome等浏览器中无错误的运行该对象.我们使用JavaScript来创建该对象,并编写一个函数.在以后的ajax教程实例里 我们都将使用该函数来调用XMLHTTPRequest.看下面的代码:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

运行上面代码以后.在IE浏览器里会弹出"Object",在FF和Chrome浏览器里会弹出"Object XMLHTTPRequest"字样,如果正确弹出的话即代表 XMLHTTPRequest对象创建成功!
第2:我们使用Asp技术来输出一个xml文件.在以后的ajax教程实例中.我们都将请求该文件进行ajax的读取,添加,删除,修改数据的操作.也许你还不知道.我们可以使用服务端的任何一种语言将数据以xml的格式输出.比如我们使用Asp读取数据库某个表内的数据,然后将该表的数据做为xml文件格式来输出到客户端.这也是ajax最标准的使用方法!点击查看:asp输出xml格式的数据
下面是该asp文件的源码,你可以复制到你的电脑里进行测试. 
复制代码 代码如下:

<%
'出自:http://Www.Web666.Net
'作者:康董
'如需转载请务必保留以上信息
'定义一个变量,来保存xml数据
dim xml
xml = "<?xml version='1.0' encoding='gb2312'?><body>"
xml = xml&"<msg>一个简单的Asp输出xml的示例,以后在我们的ajax教程实例中,我们都将使用该文件进行数据的读取操作</msg>"
xml=xml&"</body>"
Response.Clear
Response.ContentType="text/xml"
Response.CharSet="gb2312"
Response.Write xml
Response.End
%>

好了,今天的ajax系统教程准备工作已经完成.下一篇我们将小试牛刀--ajax初试之读取数据

相关文章

  • 使用ajax技术无刷新动态调用股票信息

    使用ajax技术无刷新动态调用股票信息

    新浪的财金频道一直感觉做得很好。但由于最近网速慢的缘故,查看股票信息时网页老是打不开。这几天一直在研究ajax,于是用jquery自己做了一个自动读取新浪股票实时数据的页面。
    2008-11-11
  • 防止ajax重复请求的方法(GET和POST)

    防止ajax重复请求的方法(GET和POST)

    防止ajax重复请求的方法(GET和POST) ,需要的朋友可以参考下。
    2011-10-10
  • ajax中文乱码问题解决方案

    ajax中文乱码问题解决方案

    ajax中文乱码问题在中文中经常会出现这种问题,其实只要稍加注意就不会出现ajax中文乱码这回事情了,接下来为大家详细介绍下如何解决这类问题
    2013-04-04
  • 使用Ajax时处理用户session失效问题的解决方法

    使用Ajax时处理用户session失效问题的解决方法

    这篇文章主要为大家详细介绍了使用Ajax时处理用户session失效问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • ajax 乱码的一种解决方法

    ajax 乱码的一种解决方法

    第一次碰到了这种编码的问题,在windows下AJAX接收到中文数据显示出来全是乱码,而在linux下,竟然提示网页出错,什么显示都没有。
    2009-06-06
  • 浅析Ajax的 原理及优缺点

    浅析Ajax的 原理及优缺点

    本文从ajax技术的背景、原理、ajax的名字,ajax所包含的技术等方面展开话题,介绍ajax的原理及优缺点。本文关于ajax的原理及优缺点介绍的非常详细,具有参考借鉴价值,感兴趣的小伙伴一起学习吧
    2016-04-04
  • ajax动态为a标签href赋值不执行跳转的原因分析及解决

    ajax动态为a标签href赋值不执行跳转的原因分析及解决

    ajax 动态为a标签的href属性赋值,总是不执行跳转的原因想必大家有遇到过吧,下面与大家分享下具体的解决方法,希望对你有所帮助
    2013-06-06
  • AJAX中文乱码PHP中完美解决方法

    AJAX中文乱码PHP中完美解决方法

    AJAX中文乱码问题,经过一个下午的努力终于完美解决,现将心得写下来,希望对那些还困绕在这个问题而头痛不已的人们有所帮助
    2012-09-09
  • 一个封装的Ajax类

    一个封装的Ajax类

    一个封装的Ajax类...
    2007-03-03
  • ajax快速解决参数过长无法提交成功的问题

    ajax快速解决参数过长无法提交成功的问题

    下面小编就为大家带来一篇ajax快速解决参数过长无法提交成功的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12

最新评论