一个简单实用的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^)/
注:本文源代码点此下载
======================================================
学习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^)/
相关文章推荐
- 一个简单实用的AJAX例子
- 一个简单实用的AJAX例子
- 中级JavaScript例子, 如何实现一个简单实用的模板套用机制, GXTemplate , 第2章(估计要写9章)
- Ajax的一个简单例子--从一个文件文件中读取数据显示到页面中
- 一个简单的SqlServerCe + Entity Framework 5 Code First + MVC4 + Ajax例子(上)
- 一个最最简单的Ajax例子
- 一个最简单的基于PHP+jQuery的AJAX例子
- 一个简单例子教你揭开AJAX神秘面纱
- 一个简单的jquery+ajax的例子
- 中级JavaScript例子, 如何实现一个简单实用的模板套用机制, GXTemplate , 第一章(估计要写9章)
- 一个最简单的ajax例子
- 关于AJAX一个简单的例子
- 本文简单讲诉jQuery处理json与ajax返回的Json的一个例子
- 转:一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的Struts +ajax 的例子
- 一个简单的LINQ TO XML, AJAX 例子[译]
- ajax学习:一个简单的例子
- 一个简单的客户端调用xmlHttp的ajax例子
- 关于AJAX一个简单的例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子