AJAX异步更改数据库

前段时间做了一个小网站，里面有个小功能感觉挺好的，在此与大家分享一下，还请各位大神不要笑话小弟的无知。

此功能大概是这个样子的：点击下图中的类别名称，就可以对类别进行修改。

点击类别名称以后，原来的表格变成一个可编辑的文本框，并全选里面的内容，此时可直接进行修改。回车或者鼠标点击其他地方,提交修改内容.

如果不做修改点击别处或者按“Esc”或回车键，就会回到之前的样子，如果修改后跟其他类名重复就会有相应的提示：

如果类名没问题就会将修改后的内容显示到页面，同时会修改数据库的值。

数据库修改前 数据库修改后

用到的js代码

using System;using System.Collections.Generic;using System.Linq;using System.Web;using Model;using BLL;namespace Web.handler{    /// <summary>    /// ChangeCaName 的摘要说明    /// </summary>    public class ChangeCaName : IHttpHandler    {        public void ProcessRequest(HttpContext context)        {            context.Response.ContentType = "text/plain";            string caid = context.Request.QueryString["caid"];            string caname =context.Server.UrlDecode (context.Request.QueryString["caname"]);            Category ca = new Category(caid, caname);                        //判断是否已有该类别名            CategoryManger camgr = new CategoryManger();            if (camgr.IsExist(caname))            {                //存在                context.Response.Write("false");                return;            }            //更改数据库类别名            bool b=camgr.Update( ca);            if (b)            {                context.Response.Write("true");            }            else            {                context.Response.Write("false");            }        }        public bool IsReusable        {            get            {                return false;            }        }    }}

功能很简单，但用起来却非常的方便，个人觉得很好，请各位大神不要笑话在下的才疏学浅。

另外实现此效果需要用到JQuery的函数，在此附上JQuery的下载，有需要的朋友拿去。

jQuery源文件

2楼lfmilaoshi2小时前

高手。n米老师

1楼kunoy3小时前

值得学习一下。