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源文件