本文将采用jquery+ajax+php+mysql来实现客户分类的管理，操作结果提示用jnotify。
页面底部有演示、免费下载链接。若是想看更多js特效、网站源码、 js教程请访问【素材火】 http://www.sucaihuo.com/js 还有演示demo，最主要是可以免费下载。1、
表 ·catalist·
create table `catalist` (  
  `cid` int(11) not null auto_increment,  
  `title` varchar(100) not null,  
  `sort` mediumint(6) not null default '0',  
  primary key  (`cid`)  
) engine=myisam  default charset=utf8;
2、
接着加载jquery库、操作结果提示插件jnotify和删除确认插件hialert
index.php
3、
我们先遍历表·catalist·中的数据，并且给每一项加上，删除和修改按钮，在最下方加上增加按钮。
html
4、
接着我们把遍历出来的列表以字符串的形式放到#catalist，代码如下：
客户类别
新增一项
jquery
global.js中增加的操作方式如下：
$(function(){  
    //保存新增项  
    $(.ok).live('click',function(){  
        var btn = $(this);  
        var input_str = btn.parent().find('input').val();  
        if(input_str==){  
            jnotify(请输入类别!);  
            return false;  
        }  
        var str = escape(input_str);  
        $.getjson(post.php?action=add&title=+str,function(json){  
            if(json.success==1){  
                var li =   
                +  
                json.title+;  
                $(#catalist).append(li);  
                btn.parent().remove();  
                jsuccess(恭喜，操作成功!);  
            }else{  
                jnotify(出错了！);  
                return false;  
            }  
        });  
    });  
});
5、
增加传给post.php 处理：
include_once('connect.php'); //连接数据库  
$action = $_get['action'];  
switch($action){  
    case 'add':  //新增项  
       $title = unidecode($_get['title'],'utf-8');  
       $title = htmlspecialchars($title,ent_quotes);  
       $query = mysql_query(insert into catalist (cid,title) values (null,'$title'));  
       if($query){  
           $insertid = mysql_insert_id($link);  
           $arr = array('id'=>$insertid,'title'=>$title,'success'=>1);  
       }else{  
           $arr = array('success'=>2);  
       }  
       echo json_encode($arr);  
       break;  
     case '':  
       break;  
}
删除项大家可用下载源码来看看......查看该特效演示及免费下载，请访问【素材火】http://www.sucaihuo.com/js/58.html
ad：真正免费，域名+虚机+企业邮箱=0元