你应该知道的20个Ajax技术(01 10)
1) TextboxList自动完成 (源码,演示)
这个控件主要来自Facebook吧,在网易的邮件里也能看到,还有hotmail等等,在文本框里输入文本不但可以出现相关数据的列表,而且选中后的字符串还会变成一个小图标。这个控件主要用在电子邮件中吧。
2) Ajax IM即时聊天 (源码,演示)
Ajax IM是一个很牛的即时聊天的客户端,你可以使用它制作一个Web-Based的即时聊天工具,这是一个非常强大的Ajax技术。
3)即时校验用户的输入(源码,演示)
以前,检验WEB表单的输入需要放在后台,因此,用户需要提交表单数据到后台才能知道是否所填写的内容有误。Ajax把实时检测表单输入域变成了现实,如今,我们在网上已经能看到很多很多的这样的应用,比如在你注册一个用户输入一个用户名的时候,不用提交整个表单到后台,你就能知道用户名是否已被人使用。
4)即时编辑器(源码,演示)
所谓即时编辑器就是双击一下网页上的文本,于是你就要吧编辑它了,编辑完后再单击一下别的地方,编辑过的内容就会被提交到后台保存。在这里,给出的示例是一个非常小巧的即时编辑器—— inline editor
5)Ajax 式文件上传
使用Ajax上传文件会让用户得到非常好的用户体验,上网随例搜索一下,有太多太多的各式各样的文件上传的Ajax源码可以使用。然而,在coderproject网站有,你可以下载到一款非常小又非常好的Ajax程序,网址如下:http://www.codeproject.com/KB/aspnet/AJAXUpload.aspx。
当然,如果你要一次上传多个文件,那个这个小程序还不足以满足你。不过,你可以使用JQuery的JQUploader。
6)Fancy Upload (源码,演示)
更为迷人的文件上传程序,你可以试试Fancy Upload,它通非常优秀的Javascript框架MooTools(http://mootools.net/)构造。
7)点击记录ClickHeat (源码,演示)
ClickHeat是一个非常简单而非常强大的Ajax技术,它可以记录下访问者们对你网站的点击坐标,以便于你分析你网站的访问者的习惯和他们的关注点。
8)Ajax电子邮件表单 (源码,演示)
这里主要推荐一款叫Maillist的Ajax程序,这是用来校验并提交电子邮件的地址的(不需要刷新页面),这样的设计极大地方便了用户的使用邮件订阅某些更新。我们想想看,这样的用户体现绝对会让你网站的用户特别愿意提交他们的电子邮件。
9) Ajax目录管理器 (源码,演示)
使用Ajax做一个在线的WEB的目录浏览器是非常酷的事情,如果没有Ajax,这样的用户体验除上让用户装一个Acti
相关文档:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script> ......
Java代码
@Override
protected ModelAndView onSubmit(HttpServletRequest request, HttpServletResponse response, Object cmd,
BindException ex) {
&nb ......
function delDepart(){
if(confirm("要删除部门必须删除该部门与员工的关系以及其所有下属部门")){
var departId=form1.departId.value;//部门ID
var url = "Depart/DelDepart.aspx?DepartId="+departId;
......
调用方法如下:
var p = new Pager(5, 10);
p.init('页码所在的容器ID', dataOp);
function dataOp() {
// ajax数据操作
SendContent("/Admin/TopicService.asmx/GetTopicList?currentPageIndex=" + p.currentPage + "&pageSize=" + p.pageSize, "GET", "", ajax ......
// ==============================================================================
// Created by Bndy at 10 / 25 / 2007
// Copyright (c) 2007 Bndy, All rights reserved.
// Welcome to my site http : // www.bndy.net
//
// * * * * * * * * * * * * * * * *
// * Q ......