阅读更多

37顶
3踩

Web前端

原创新闻 25个优秀的Ajax技术和实例

2008-06-04 13:52 by 见习记者 uidin 评论(26) 有69704人浏览
1.Ajax RSS reader

一个简单的RSS reader,读取远程xml数据基于AJAX,PHP,MYSQL的RSS源,
这个例子允许用户在一个网页中查看多种源内容


2.Ajax 桌面

该指南是一个手把手教程,通过它你可以创建一个类似
PageFlagePageFlage 和
Netvibes的桌面/网页。这个指南的目的是展示一些基于web应用程序的技巧,这些技巧也是比较常用的,比如操纵DOM,事件监听,读取远程数据.
Ajax Desktop demo


3.AJAX for chat
使用异步JS,XML,PHP创建一个简单的基于web的聊天客户端


4.使用AJAX和del.icio.us创建自己的信息空间
使用del.icic.us API,但是方法和思想可以适用与其他流行的服务,如:DIGGFlickr


5.AJAX超轻量级图表

使用动态读取数据允许用户创建虚拟的图形(falsh with ajax)。
该方案涉及到js脚本交互,和setData和setStyle方法


6.使用ajax和PHP创建日历

使用ajax和PHP创建一个日历组件,月份转换无须刷新页面
Quick Calendar demo


7.如何在你的网站中使用ajax整合google日历

该指南展示了如何在一个网页里创建一个调用一个公共的Google日历
AJAX calendar demo


8.Edit-in-Place with jQuery


Edit In Place demo 1
Edit In Place demo 2


9.创建一个AJAX星级评定构件


评定系统,无须点击按钮或者刷新页面(那通过什么??点击文章的链接???)
使用js框架/库:DOJO,JQUERY,mootools,Prototype JS


10.使用AJAX上传文件

AJAX File Uploader demo


11.使用AJAX,PHP创建mailing列表

使用MYSQL储存用户输入的数据,Prototype JS 用于简化AJAX请求和绑定时间处理


12.安全的联系人表单

Safer Form demo


13. Ajax with CAPTCHA



14.基于AJAX的登陆表单

异步验证输入的数据,使用jQuery form plugin和PHP处理请求
Ajax-based login form demo


15. AJAX效果(for message box) 

在该效果图中,用户点击save按钮,提示框颜色将逐渐消退
Nice Ajax Effects for messages box demo


16. 文字自动提示

类似google的效果
AutoCompleter tutorial demo


17.自动填充选择框

使用jQuery&AJAX,无须刷新页面,自动填充内容
Auto-populating Select Boxes demo


18.ajax下拉菜单
Ajax Dropdown Menu demo


19.Ajax/PHP Shoutbox

AJAX Shoutbox demo


20. 选项卡

通过ajax填充数据, 使用PHP和Prototype JS
Building Tabbed Content demo


21.Load In and Animate Content


展示如何读取数据到一个页面,使用jQuery处理Ajax请求和处理DOM
Load In and Animate Content demo


22. The Hows and Whys of Degradable Ajax

Degradable Ajax demo


23.使用避免多余的Ajax交互
使用该方法,可以在数据没有更新的情况下,尽量减少不必要的数据库状态的改变和计算过程。


24.更好的AJAX Back Button Solution
A Better Ajax Back Button demo


25.Making Ajax Work with Screen Readers

来自: sixrevisions
37
3
评论 共 26 条 请登录后发表评论
26 楼 qqwzw 2010-01-14 17:05
[color=red][color=orange]
[flash=200,200][/flash]
引用
[img][/img][url][/url][flash=200,200][/flash]
[/color][/color]
25 楼 kennyliao 2009-12-23 18:24
用力支持!
24 楼 winter8 2009-10-05 20:11
好东东呵呵呵!
23 楼 xly_2009 2009-07-23 09:01
好东西
22 楼 zhujunli0310 2008-12-01 16:33
不错,顶顶
21 楼 guobosheng 2008-08-05 10:00
// Change this with your Google calendar feed
$calendarURL = 'http://www.google.com/calendar/feeds/';

// Nothing else to edit
$feed = file_get_contents($calendarURL);
header('Content-type: text/xml'); 
echo $feed;
20 楼 luoshi88 2008-07-14 15:38
支持 
19 楼 futurehuhu 2008-07-10 22:17
18 楼 xiangwei3280122 2008-07-10 09:42
[align=left][/align] 支持

[b][/b]
17 楼 lalicdate 2008-07-09 17:40
WELL
16 楼 tang3176 2008-07-09 14:08
这些东西中可以做一个网站了!
15 楼 kenny13 2008-07-07 10:40
谢谢 好东西
14 楼 goodfun 2008-07-05 12:53
It's great!
13 楼 pz818 2008-07-03 14:26
学习!
12 楼 cljspn 2008-07-02 21:06
真是好东西呀。
11 楼 xuchunlin0216 2008-06-23 16:54
值得学习。
10 楼 xushiliang 2008-06-06 08:48
不错不错 很有特点
9 楼 playfish 2008-06-05 17:43
我晕。。。这个拿去作为博客内容还好。。怎么当成新闻发布了
8 楼 comasp 2008-06-05 17:33
cssrain 。路过
7 楼 410133062 2008-06-05 13:40
好东西   支持

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Ajax异步请求技术实例讲解

    AJAX的全称是Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。 AJAX不是新的编程语言,而是一种使用现有标准的新方法。ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。...

  • jQuery的Ajax用户认证和注册技术实例教程(附demo源码)

    主要介绍了jQuery的Ajax用户认证和注册技术,结合完整实例较为详细的分析讲解了jQuery中ajax方法实现用户验证与注册的相关技巧与注意事项,并附带了demo源码供读者下载,需要的朋友可以参考下

  • 妙用Ajax技术实现局部刷新商品数量和总价实例代码

    但是有了Ajax技术后,我们可以利用Ajax技术局部刷新要改变的地方,而不是重新加载整个页面。首先看一下上图对应的jsp部分的代码: <!-- 购物车 --> 我的购物车 <table class=data-table cart-

  • AJAX 简介及入门实例

    对于一个像我一样刚刚接触Web开发且无多少实际项目经验的新手而言,AJAX技术显得复杂而又深奥。经过两天的baidu、google,我对AJAX的基本原理有了一个大致的认识,在此总结一下。 1. 什么是AJAX? AJAX全称是异步的...

  • php基于jquery的ajax技术传递json数据简单实例

    本文实例讲述了php基于jquery的ajax技术传递json数据简单实现方法。分享给大家供大家参考,具体如下: html页面: <html> <head> <meta http-equiv=content-type content=text/html;charset=utf-8 /...

  • AJAX和JSP混合使用方法实例

    AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。下面通过本文给大家介绍AJAX和JSP混合使用方法实例,感兴趣的朋友一起学习吧

  • Ajax编程技术与实例

    Ajax编程技术与实例

  • Ajax技术 实例篇

    本篇文章通过Html+Ajax+node技术实现一个简单的Ajax请求案例,为加强对Ajax技术的了解和实操经验

  • Ajax程序开发经典实例视频教程

    AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对...

  • jQuery AJAX应用实例总结

    本文实例总结了jQuery AJAX应用。分享给大家供大家参考,具体如下: AJAX 是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 AJAX是一种用于创建快速动态网页的...

  • ajax技术 实例大全

    check.rar 第3章 第一个Ajax实例 pageinfo.rar 第9章 鼠标信息提示 suggest.rar 第10章 文本框输入提示 relatechg.rar 第11章 下拉列表自动关联 checkname.rar 第12章 自动检查用户名 savepad.rar 第13章 ...

  • Ajax小实例,JSP环境下使用Ajax技术

    内容索引:JSP源码,精品代码,Ajax实例,Ajax 收集的一些Ajax小实例,在JSP环境下使用Ajax技术。JSP是一比较高端的WEB前端技术,虽然入手不是太容易,不过代码规范度高,适用在一些安全性要求较高的场合,比如网银系统...

  • Ajax技术论文实例

    这是基于Ajax技术的论文,方便大家学习,版权所有,请不得复制用于自己论文,由此产生的任何法律责任由侵权人负责!

  • AJAX技术实例分析借鉴.pdf

    AJAX技术实例分析借鉴.pdf

  • 北京市城-郊梯度森林表土碳组分及其影响因素数据集(2019)

    作者于2019年6月下旬至7月初,从北京市中心(紫禁城)到郊区设置了4条不同走向(东北、西北、西南和正南)的城—郊梯度样带;随机选取了20个独立的城市森林公园进行采样。每个公园选择3块典型森林斑块,采集表层(0-10 cm)和亚表层(10-20 cm)土壤样品,并测定了土壤总碳含量、土壤有机碳含量、颗粒态有机碳和矿物结合态有机碳含量。该数据集内容包括:(1)样点位置数据;(2)研究区森林表土总碳、总有机碳、总无机碳、颗粒态有机碳和矿物结合态有机碳含量;(3)森林表土碳组分含量与不同影响因素数据,包括:土壤数据(土壤pH、土壤粘粉粒含量)、植被数据(植被覆盖度、公园年龄、树种多样性)、气候数据(年均温、年降水量)。数据集存储为.shp和.xlsx格式,由8个数据文件组成,数据量为30.7 KB(压缩为1个文件,27 KB)。田越韩, 郭泓伯, 高晓飞等. 北京森林表土碳组分城郊梯度变化及其影响因素[J]. 地理学报, 2024, 79(1): 206-217. DOI: 10.11821/dlxb202401013.

  • USB转串口模块:CH340与FT232双选,61*35mm尺寸,原理图&PCB版

    内容概要:本文详细介绍了集成CH340和FT232两款芯片的USB转串口模块的设计与应用。该模块尺寸为61x35mm,采用跳线帽进行芯片切换,支持多种接口(USB-A公头、Mini USB母座)和电源输出(5V和3.3V)。文中探讨了硬件配置、电源设计、信号切换电路以及PCB布局等方面的细节,并提供了Python、Arduino和Linux下的代码示例来展示不同场景下的使用方法。此外,还分享了一些实际项目中的经验和注意事项,如波特率适配、电磁兼容性和稳压电路设计等。 适合人群:从事嵌入式系统开发、硬件设计及相关领域的工程师和技术爱好者。 使用场景及目标:适用于需要灵活选择USB转串口芯片的项目,特别是在工业级应用场景中,能够提供稳定的通信解决方案。目标是帮助开发者更好地理解和利用这一模块,提高开发效率和产品质量。 其他说明:文中提到的双芯片设计方案不仅兼顾了成本效益,还能满足不同项目的特定需求。对于初学者来说,可以通过提供的代码示例快速上手;而对于资深工程师,则可以深入研究硬件设计细节,优化现有产品。

  • 基于水平集进化的轮廓提取MATLAB代码实现及优化策略研究

    内容概要:本文详细探讨了利用MATLAB实现水平集进化进行图像轮廓提取的方法。首先介绍了传统的水平集演化方法存在的问题,如频繁的重新初始化导致计算效率低下和分割精度波动。接着提出了一种改进方案,即在演化方程中引入正则化项来自适应地维护水平集的良好状态,从而避免了显式的重新初始化操作。此外,还讨论了曲率计算方法的优化以及参数选择的影响,并展示了改进前后算法性能的具体对比实验结果。 适合人群:从事图像处理、计算机视觉领域的研究人员和技术开发者,尤其是对水平集方法有一定了解并希望提高其实战应用效果的专业人士。 使用场景及目标:适用于需要精确分割图像中目标对象的应用场合,如医学影像分析(CT、MRI)、遥感图像处理等。主要目的是提升图像分割的速度和准确性,同时降低计算资源消耗。 其他说明:文中提供了多个MATLAB代码片段用于解释各个关键技术点,便于读者理解和实践。对于想要深入了解水平集演化的机制及其优化策略的人来说是非常有价值的参考资料。

  • MLP信息熵随深度增加的变化

    MLP信息熵研究完整代码

Global site tag (gtag.js) - Google Analytics