您的位置:首页 > 其它

一个简单实用的AJAX例子

2012-01-15 01:47 323 查看
======================================================

注:本文源代码点此下载

======================================================

学习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^)/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: