一个简单实用的AJAX例子

======================================================
注：本文源代码点此下载
======================================================

学习ajax时,作了以下这个简单的ajax例子,没用任何动态语言,完全html和javascript,至于服务器源也就小偷了一下www.cc168.com.cn(长城证券)的开放式基金每日净值查询页面。

用xmlhttp对象获取到web页面http内容后,采用split的方式进行截取,取出自己需要的web部分,然后绑定到页面的div上。css样式表也就远程使用了cc168.com.cn的。

^_^,希望长城证券能够宽恕这种偷盗行为。程序员的事,能算“偷”吗?最多算个窃. :- )

原理很简单,但是感觉这种方式比较有用。如果自己网站想提供功能,又不想做数据web服务的话,不妨窃之。

请选择交易日期:

代码讲解:

1、代码主要分为js处理和body两大部分(废话 ^_^)

2、body部分用了几个层:datasele : 显示日期选择下拉框;flag : 状态标示;date: 显示选中的日期;outgroup:显示基金的净值结果组;out 到 out3 则是几种类型的开放式基金净值结果

3、js部分:页面加载处理:页面初始化设置;创建xmlhttp对象:按不同客户端浏览器创建不同的xmlhttp连接对象;调用远程方法:构造连接字符串,发送请求;回调处理函数:判断连接对象的返回状态,进行状态显示,完全获取结果后,进行dom方式的层赋值;创建日期选择下拉框:动态的创建日期选择下拉框,并为其加上选择事件。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/