PHP+Ajax+MySQL+Jquery分类增删改查_Ajax

本文将采用Jquery+Ajax+PHP+MySQL来实现客户分类的管理，操作结果提示用jNotify。

查看演示下载资源：1次

手机扫码访问：

下载资源下载积分：40分

　　index.php

　　我们先遍历表·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 = "<li rel='"+json.id+"'><span class='del' title='删除'>  
                    </span><span class='edit' title='编辑'></span><span class='txt'>"+  
                    json.title+"</span></li>";  
                    $("#catalist").append(li);  
                    btn.parent().remove();  
                    jSuccess("恭喜，操作成功!");  
                }else{  
                    jNotify("出错了！");  
                    return false;  
                }  
            });  
        });  
    });

　　表 ·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;