一套手写ajax加一般处理程序的增删查改

时间:2023-03-08 17:50:31

倾述下感受:8天16次驳回。这个惨不忍睹。

好了不说了,说多了都是泪。

直接上代码 :

这个里面的字段我是用动软生成的,感觉自己手写哪些字段太浪费时间了,说多了都是泪

ajax.model层的代码:

using System;
namespace Ajax.Model
{
/// <summary>
/// SM_Class:实体类(属性说明自动提取数据库字段的描述信息)
/// </summary>
[Serializable]
public partial class SM_Class
{
public SM_Class()
{}
#region Model
private int _sm_id;
private string _sm_name;
private string _sm_grade;
private string _sm_class;
private string _sm_gender;
private int? _sm_age;
private DateTime _sm_outtime;
private bool _sm_istf;
/// <summary>
///
/// </summary>
public int SM_id
{
set{ _sm_id=value;}
get{return _sm_id;}
}
/// <summary>
///
/// </summary>
public string SM_name
{
set{ _sm_name=value;}
get{return _sm_name;}
}
/// <summary>
///
/// </summary>
public string SM_Grade
{
set{ _sm_grade=value;}
get{return _sm_grade;}
}
/// <summary>
///
/// </summary>
public string SM_Classes
{
set{ _sm_class=value;}
get{return _sm_class;}
}
/// <summary>
///
/// </summary>
public string SM_Gender
{
set{ _sm_gender=value;}
get{return _sm_gender;}
}
/// <summary>
///
/// </summary>
public int? SM_Age
{
set{ _sm_age=value;}
get{return _sm_age;}
}
/// <summary>
///
/// </summary>
public DateTime SM_OutTime
{
set{ _sm_outtime=value;}
get{return _sm_outtime;}
}
/// <summary>
///
/// </summary>
public bool SM_Istf
{
set{ _sm_istf=value;}
get{return _sm_istf;}
}
#endregion Model }
}

ajax.dal层代码:

第一个先上数据库连接帮助类:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks; namespace Ajax.DAL
{
//需要系统配置;系统设定;系统设置;查看系统配置程序集
using System.Configuration;
using System.Data.SqlClient;
using System.Data;
public class HelperSQL
{
//在ui的配置文件中配置AppSettings
public static string str = System.Configuration.ConfigurationManager.AppSettings["ConnectionString"]; private static SqlConnection connection;
public static SqlConnection Connection {
get {
//判断是否有这个连接没有
if (connection == null) {
//创建连接
connection = new SqlConnection(str);
//打开连接
connection.Open();
}
//判断连接是否是关闭的
else if(connection.State==System.Data.ConnectionState.Closed){
//打开连接
connection.Open();
}
//判断连接是否中断
else if (connection.State == System.Data.ConnectionState.Broken) {
//先关闭连接
connection.Close();
//打开连接
connection.Open();
}
//返回连接
return connection;
}
} public static int ExecuteCommand(string strsql)
{
//传入数据库命令和连接
SqlCommand sqlcmd = new SqlCommand(strsql, Connection);
//执行语句返回受影响的行数
int result = sqlcmd.ExecuteNonQuery();
return result;
}
public static int ExecuteCommand(string strName, params SqlParameter[] values)
{
//传入数据库命令和连接
SqlCommand sqlcmd = new SqlCommand(strName, Connection);
//增加参数
sqlcmd.Parameters.AddRange(values);
return sqlcmd.ExecuteNonQuery();
} public static DataSet GetDataSet(string strName)
{
//创建一个内存缓存
DataSet ds = new DataSet();
//传入命令和连接
SqlCommand sqlcmd = new SqlCommand(strName, Connection);
//创建一个桥接器
SqlDataAdapter sqlda = new SqlDataAdapter(sqlcmd);
//写入内存
sqlda.Fill(ds);
//返回
return ds;
} public static DataSet GetDataSet(string strName, params SqlParameter[] values)
{
//创建一个内存缓存
DataSet ds = new DataSet();
//传入命令和连接
SqlCommand sqlcmd = new SqlCommand(strName, Connection);
//增加参数
sqlcmd.Parameters.AddRange(values);
//打开桥连接
SqlDataAdapter sqlda = new SqlDataAdapter(sqlcmd);
//写入到内存
sqlda.Fill(ds);
//返回
return ds;
} public static DataSet StoredProcedure(string strName, params IDataParameter[] parmenters)
{
using (SqlConnection connection = new SqlConnection(str))
{
//创建一个内存缓存
DataSet ds = new DataSet();
//创建一个桥连接
SqlDataAdapter sqlda = new SqlDataAdapter();
//告诉桥连接这个是存储过程
sqlda.SelectCommand = StoredProcedureCommand(connection, strName, parmenters);
//写入内存
sqlda.Fill(ds);
//返回
return ds;
}
}
private static SqlCommand StoredProcedureCommand(SqlConnection sqlcc, string strName, IDataParameter[] parmenters) {
//传入存储过程名称和连接数据库命令
SqlCommand sqlcmd = new SqlCommand(strName, sqlcc);
//告诉数据库这个是存储过程
sqlcmd.CommandType = CommandType.StoredProcedure;
foreach (var item in parmenters)
{
if (item !=null)
{
//判断的参数是输入输出或者参数是输入并且参数不能为空
if ((item.Direction==ParameterDirection.InputOutput|| item.Direction==ParameterDirection.Input )&& (item.Value==null))
{
//该类区分空值(空对象)和未初始化值
item.Value = DBNull.Value;
}
//加入这个参数
sqlcmd.Parameters.Add(item);
}
}
//返回连接和命令
return sqlcmd;
}
}
}

ajax.dal 实现的增删查改

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks; namespace Ajax.DAL
{
using Ajax.Model;
using System.Data;
using System.Data.SqlClient;
public class AjaxSM_Class
{
/// <summary>
/// 新增
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public int Add(SM_Class model) {
StringBuilder strSql = new StringBuilder();
strSql.Append("insert into SM_Class(");
strSql.Append("SM_name,SM_Grade,SM_Class,SM_Gender,SM_Age,SM_OutTime,SM_Istf)");
strSql.Append(" values (");
strSql.Append("@SM_name,@SM_Grade,@SM_Class,@SM_Gender,@SM_Age,@SM_OutTime,@SM_Istf)");
strSql.Append(";select @@IDENTITY");
SqlParameter[] parameters = {
new SqlParameter("@SM_name", SqlDbType.VarChar,),
new SqlParameter("@SM_Grade", SqlDbType.VarChar,),
new SqlParameter("@SM_Class", SqlDbType.VarChar,),
new SqlParameter("@SM_Gender", SqlDbType.VarChar,),
new SqlParameter("@SM_Age", SqlDbType.Int,),
new SqlParameter("@SM_OutTime", SqlDbType.DateTime),
new SqlParameter("@SM_Istf", SqlDbType.Bit,)};
parameters[].Value = model.SM_name;
parameters[].Value = model.SM_Grade;
parameters[].Value = model.SM_Classes;
parameters[].Value = model.SM_Gender;
parameters[].Value = model.SM_Age;
parameters[].Value = model.SM_OutTime;
parameters[].Value = model.SM_Istf; object obj = HelperSQL.ExecuteCommand(strSql.ToString(), parameters);
if (obj == null)
{
return ;
}
else
{
return Convert.ToInt32(obj);
} }
/// <summary>
/// 删除
/// </summary>
/// <param name="SM_id"></param>
/// <returns></returns>
public int Delete(int SM_id)
{ StringBuilder strSql = new StringBuilder();
strSql.Append("UPDATE SM_Class SET SM_Istf=0 ");
strSql.Append(" WHERE SM_id=@SM_id");
SqlParameter[] parameters = {
new SqlParameter("@SM_id", SqlDbType.Int,)
};
parameters[].Value = SM_id; int rows = HelperSQL.ExecuteCommand(strSql.ToString(), parameters);
return rows;
} /// <summary>
/// 获得所有数据
/// </summary>
/// <param name="strWhere"></param>
/// <returns></returns>
public List<SM_Class> GetList()
{
StringBuilder strSql = new StringBuilder();
List<SM_Class> list = new List<SM_Class>();
strSql.Append("select SM_id,SM_name,SM_Grade,SM_Class,SM_Gender,SM_Age,SM_OutTime,SM_Istf ");
strSql.Append(" FROM SM_Class ");
//获取dataset从表中读取
DataSet ds= HelperSQL.GetDataSet(strSql.ToString());
DataTable dt = ds.Tables[];
foreach (DataRow item in dt.Rows)
{
//得到一个sm_class 类
SM_Class smc = DataModel(item);
//加入到list集合中
list.Add(smc);
}
return list;
}
/// <summary>
/// 更具id找一条数据
/// </summary>
/// <param name="SM_id"></param>
/// <returns></returns>
public List<SM_Class> GetList( int SM_id) {
StringBuilder strSql = new StringBuilder();
List<SM_Class> list = new List<SM_Class>();
strSql.Append("select top 1 SM_id,SM_name,SM_Grade,SM_Class,SM_Gender,SM_Age,SM_OutTime,SM_Istf from SM_Class ");
strSql.Append(" where SM_id=@SM_id");
SqlParameter[] parameters = {
new SqlParameter("@SM_id", SqlDbType.Int,)
};
parameters[].Value = SM_id;
DataSet ds = HelperSQL.GetDataSet(strSql.ToString(),parameters);
DataTable dt = ds.Tables[];
foreach (DataRow item in dt.Rows)
{
//得到一个sm_class 类
SM_Class smc = DataModel(item);
//加入到list集合中
list.Add(smc);
}
return list;
}
/// <summary>
/// 得到一个实体
/// </summary>
/// <param name="row"></param>
/// <returns></returns>
private SM_Class DataModel(DataRow row) {
SM_Class model = new SM_Class();
if (row != null)
{
if (row["SM_id"] != null && row["SM_id"].ToString() != "")
{
model.SM_id = int.Parse(row["SM_id"].ToString());
}
if (row["SM_name"] != null)
{
model.SM_name = row["SM_name"].ToString();
}
if (row["SM_Grade"] != null)
{
model.SM_Grade = row["SM_Grade"].ToString();
}
if (row["SM_Class"] != null)
{
model.SM_Classes = row["SM_Class"].ToString();
}
if (row["SM_Gender"] != null)
{
model.SM_Gender = row["SM_Gender"].ToString();
}
if (row["SM_Age"] != null && row["SM_Age"].ToString() != "")
{
model.SM_Age = int.Parse(row["SM_Age"].ToString());
}
if (row["SM_OutTime"] != null && row["SM_OutTime"].ToString() != "")
{
model.SM_OutTime = DateTime.Parse(row["SM_OutTime"].ToString());
}
if (row["SM_Istf"] != null && row["SM_Istf"].ToString() != "")
{
if ((row["SM_Istf"].ToString() == "") || (row["SM_Istf"].ToString().ToLower() == "true"))
{
model.SM_Istf = true;
}
else
{
model.SM_Istf = false;
}
}
}
return model;
}
/// <summary>
/// 更新操作
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public int Update(SM_Class model) {
StringBuilder strSql = new StringBuilder();
strSql.Append("update SM_Class set ");
strSql.Append("SM_name=@SM_name,");
strSql.Append("SM_Grade=@SM_Grade,");
strSql.Append("SM_Class=@SM_Class,");
strSql.Append("SM_Gender=@SM_Gender,");
strSql.Append("SM_Age=@SM_Age,");
strSql.Append("SM_OutTime=@SM_OutTime,");
strSql.Append("SM_Istf=@SM_Istf");
strSql.Append(" where SM_id=@SM_id");
SqlParameter[] parameters = {
new SqlParameter("@SM_name", SqlDbType.VarChar,),
new SqlParameter("@SM_Grade", SqlDbType.VarChar,),
new SqlParameter("@SM_Class", SqlDbType.VarChar,),
new SqlParameter("@SM_Gender", SqlDbType.VarChar,),
new SqlParameter("@SM_Age", SqlDbType.Int,),
new SqlParameter("@SM_OutTime", SqlDbType.DateTime),
new SqlParameter("@SM_Istf", SqlDbType.Bit,),
new SqlParameter("@SM_id", SqlDbType.Int,)};
parameters[].Value = model.SM_name;
parameters[].Value = model.SM_Grade;
parameters[].Value = model.SM_Classes;
parameters[].Value = model.SM_Gender;
parameters[].Value = model.SM_Age;
parameters[].Value = model.SM_OutTime;
parameters[].Value = model.SM_Istf;
parameters[].Value = model.SM_id;
int rows = HelperSQL.ExecuteCommand(strSql.ToString(), parameters);
return rows;
}
}
}

ajax.bll层代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks; namespace Ajax.BLL
{
using Ajax.DAL;
using Ajax.Model;
public class AjaxSM_Class
{
Ajax.DAL.AjaxSM_Class asmc = new DAL.AjaxSM_Class();
/// <summary>
/// 新增
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public int Add(SM_Class model)
{
return asmc.Add(model);
}
/// <summary>
/// 删除
/// </summary>
/// <param name="SM_id"></param>
/// <returns></returns>
public int Delete(int SM_id)
{
return asmc.Delete(SM_id);
} /// <summary>
/// 获得所有数据
/// </summary>
/// <param name="strWhere"></param>
/// <returns></returns>
public List<SM_Class> GetList()
{
return asmc.GetList();
}
/// <summary>
/// 更具id找一条数据
/// </summary>
/// <param name="SM_id"></param>
/// <returns></returns>
public List<SM_Class> GetList(int SM_id)
{
return asmc.GetList(SM_id);
} /// <summary>
/// 更新操作
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public int Update(SM_Class model)
{
return asmc.Update(model);
} }
}

ajax.ui层代码:

先说js脚本把,这里是自己封装的一个ajax.js脚本  就是调用自己手写的这个ajaxhelper.js来实现异步刷新请求。

var ajaxHelper = {
markXHR: function () {
var xhr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else { xhr = new ActiveXObject("Micrsoft.XMLHTTP"); }
return xhr;
},
//get请求
ajaxGet: function (url, sucessFun) {
this.ajaxOpt("get", url,null, sucessFun);
},
//post请求
ajaxPost: function (url, data, sucessFun) {
this.ajaxOpt("post", url, data, sucessFun);
},
//定义ajax的get和post请求
//httpmenthod :get,post
//data:发送给服务器的数据,post有值,get为null
//sucessFun成功的回掉函数
ajaxOpt: function (httpMenthod, url, data, sucessFun) {
//转换成小写字符串
var menthod = httpMenthod.toLowerCase();
//定义xmlhttprequest对象
var ajaxobj = this.markXHR();
//异步对象设置参数,总是异步true
ajaxobj.open(httpMenthod, url, true);
//判断是get还上post,设置响应报文
if (menthod == "get") {
//为了使get请求不取自浏览器缓存,而每次都请求服务器 ajaxobj.setRequestHeader("If-Modified-Since", "");
} else {
//告诉服务器请求的数据类型
ajaxobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
}
//给一度对象设置回掉函数 ajaxobj.onreadystatechange = function () {
if (ajaxobj.readyState==&&ajaxobj.status==) {
var jsonobj = JSON.parse(ajaxobj.responseText);
if (jsonobj.Status == "sucess") {
sucessFun(jsonobj);
}
else {
alert(jsonobj.Msg);
} }
}
ajaxobj.send(data);
} }

再者我有引用jquery-1.9.1.js 文件 还有一个msgBox.js作为弹出窗体,jquery我想大家应该都有,我就上传下msgBox的js文件的代码吧。

/*{
imghref:图片文件夹所在路径,
waitImg:等待图片名,
bgImg:背景图片名
}
*/
function MsgBox(s) {
var secondConst = ;//系统默认显示时间
var secondWait = ;//显示时间
var timer;//计时器
var lf, tp;//左边距,顶边距
var paras = {}; //json参数
function readyMsgBox() {
if (s != null){
if (s.imghref != null) paras.imghref = s.imghref; else paras.imghref = "images/";
if (s.waitImg != null) paras.waitImg = s.waitImg; else paras.waitImg = "loader.gif";
if (s.bgImg != null) paras.bgImg = s.bgImg; else paras.bgImg = "qzonebg.gif";
}
else paras = { imghref: "./images/", waitImg: "loader.gif", bgImg: "qzonebg.gif" };
paras.waitImgTag = "<img src='" + paras.imghref + paras.waitImg + "' style='margin-right:10px;' align='middle'/> ";
preloadImg(new Array(paras.imghref + paras.bgImg, paras.imghref + paras.waitImg));
writeMsgBox();
window.onresize = function(){setPosition();}
}
this.showMsgWait = function (msg) {
this.showMsgAllT(paras.waitImgTag + msg, );
}
this.showMsgAllT = function (msg, type) {
clearTimer();
changeIco(type);
gelContainer().innerHTML = msg;
showBox();
}
this.hidBox = function () { hideBox(); };
this.showMsgText = function (msg) {
this.showMsgAllT(msg, );
}
this.showMsgInfo = function (msg) {
if (arguments.length > ) paras.callBack = arguments[];
showSysMsg(msg, );
}
this.showMsgInfoSide = function (eleId, msg, doHid) {//doHid 是否消失
if (arguments.length > ) paras.callBack = arguments[];
showSysMsgSideEle(eleId, msg, , doHid);
}
function analysisPara(args) {
if (args.length > ) paras.callBack = args[];
}
this.showMsgOk = function (msg) {
if (arguments.length > ) paras.callBack = arguments[];
showSysMsg(msg, );
}
this.showMsgOkSide = function (eleId, msg, doHid) {
if (arguments.length > ) paras.callBack = arguments[];
showSysMsgSideEle(eleId, msg, , doHid);
}
this.showMsgErr = function (msg) {
if (arguments.length > ) paras.callBack = arguments[];
showSysMsg(msg, );
}
this.showMsgErrSide = function (eleId,msg,doHid) {
if (arguments.length > ) paras.callBack = arguments[];
showSysMsgSideEle(eleId, msg, , doHid);
}
this.showSysMsgWTime = function (msg, type, second) {
if (arguments.length > ) paras.callBack = arguments[];
changeIco(type);
gelContainer().innerHTML = msg;
showBox();
secondWait = second;
if (second >= )
startTimer(emptyMsg);
}
function showSysMsg(msg, type) {
changeIco(type);
gelContainer().innerHTML = msg;
showBox();
secondWait = secondConst;
startTimer(emptyMsg);
}
//---显示在元素右边
function showSysMsgSideEle(eleId, msg, type, doHid) {
changeIco(type);
gelContainer().innerHTML = msg;
setPosSideEle(eleId);
if (doHid) {
secondWait = secondConst;
startTimer(emptyMsg);
} else clearTimer();
}
function setPosSideEle(eleId) {
var wid = document.getElementById(eleId).offsetWidth;
var hig = document.getElementById(eleId).offsetHeight;
var pos = getPos(eleId);
gelBox().style.left = (wid+ + pos.left) + "px";
gelBox().style.top = (pos.top - (hig/)) + "px";
gelBox().style.display = "block";
}
//--------------
this.showReqErr=function(){this.showMsgErr("请求错误 ToT!");}
this.showReqOk=function(){this.showMsgOk("操作成功 ^o^!");}
this.showReqVF = function () { this.showSysMsgWTime("会话过期,3秒后自动返回登录界面 -o-!",,); }
this.showWait = function () { this.showMsgWait("请稍后 l _ l ..."); }
//-------------
function startTimer(functionName) {
clearTimer();
timer=window.setTimeout(functionName, secondWait);
}
function clearTimer() {
if (timer != null && timer != undefined) { clearTimeout(timer); }
}
function emptyMsg() {
gelContainer().innerHTML = "";
hideBox();
if (paras.callBack != null) {paras.callBack(); paras.callBack = null; }
}
function writeMsgBox() {
var msgBox = document.createElement("table");
var msgTbody = document.createElement("tbody");
var msgTr = document.createElement("tr");
var msgBoxL = document.createElement("td");
var msgBoxC = document.createElement("td");
var msgBoxR = document.createElement("td");
document.body.appendChild(msgBox);
msgBox.appendChild(msgTbody);
msgTbody.appendChild(msgTr);
msgTr.appendChild(msgBoxL);
msgTr.appendChild(msgBoxC);
msgTr.appendChild(msgBoxR);
msgBox.setAttribute("id", "msgBox");
msgBox.setAttribute("cellpadding", "");
msgBox.setAttribute("cellspacing", "");
msgBox.style.cssText = "height:52px;width:auto;position:absolute;z-index:999999;display:none; background:url(" + paras.imghref + paras.bgImg+") 0px -161px;";
msgBoxL.setAttribute("id", "msgBoxL");
msgBoxL.style.cssText = "width:50px;background:url(" + paras.imghref + paras.bgImg+") -7px -108px no-repeat;";
msgBoxC.setAttribute("id", "msgBoxC");
msgBoxC.style.cssText = "width:auto;line-height:51px;color:#666666;font-weight:bold;font-size:14px;padding-right:10px;";
msgBoxR.setAttribute("id", "msgBoxR");
msgBoxR.style.cssText = "width:5px;background:url(" + paras.imghref + paras.bgImg+") 0px 0px no-repeat;";
}
function changeIco(ty) {
if (ty == )//none
document.getElementById("msgBoxL").style.width = "10px";
else document.getElementById("msgBoxL").style.width = "50px";
if (ty == )//info
document.getElementById("msgBoxL").style.backgroundPosition = "-7px -54px";
else if (ty == )//ok
document.getElementById("msgBoxL").style.backgroundPosition = "-7px 0px";
else if (ty == )//err
document.getElementById("msgBoxL").style.backgroundPosition = "-7px -108px";
}
function gelBox() {
return document.getElementById("msgBox");
}
function gelContainer() {
return document.getElementById("msgBoxC");
}
function hideBox() {
gelBox().style.display = "none";
}
function showBox() {
setPosition();
gelBox().style.display = "block";
}
function setPosition() {
lf = document.body.clientWidth / - (gelBox().innerHTML.replace(/<[^>].*?>/g, "").length) * ;
tp = window.screen.height / - + document.documentElement.scrollTop;
gelBox().style.left = lf + "px";
gelBox().style.top = tp + "px";
}
function preloadImg() {
var Arrimg = new Array();
if (typeof (arguments[]) == "string") Arrimg[] = arguments[];
if (typeof (arguments[]) == "object") {
for (var i = ; i < arguments[].length; i++) {
Arrimg[i] = arguments[][i];
}
}
var img = new Array()
for (var i = ; i < Arrimg.length; i++) {
img[i] = new Image();
img[i].src = Arrimg[i];
}
}
function getPos(eid) {var target = document.getElementById(eid);var left = , top = ;
do {left += target.offsetLeft || ;top += target.offsetTop || ;target = target.offsetParent;} while (target);
return {left: left,top: top}
}
readyMsgBox();
}

还有两个图片一套手写ajax加一般处理程序的增删查改一套手写ajax加一般处理程序的增删查改就是这两个文件,放在一个文件下面 ,用到msgbox的时候把路径添加进去就ok了。

因为我的数据传输都是json格式所以在ui层我直接添加了一个ajaxobj.cs实体类

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web; namespace Ajax.UI
{
public class Ajaxobj
{
private string status; /// <summary>
/// 状态
/// </summary>
public string Status
{
get { return status; }
set { status = value; }
} private string msg;
/// <summary>
/// 提示
/// </summary>
public string Msg
{
get { return msg; }
set { msg = value; }
}
private object data;
/// <summary>
/// 数据
/// </summary>
public object Data
{
get { return data; }
set { data = value; }
}
private string url;
/// <summary>
/// 地址
/// </summary>
public string Url
{
get { return url; }
set { url = value; }
}
}
public enum Estatus {
sucess=,
error=
}
}

中间有个枚举,是用来判断正确还是错误的..

因为我是用的简单三层就没有下common层,所以在ui层我田间了一个转换序列化json格式的kiss.cs类

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web; namespace Ajax.UI
{
public static class kiss
{
/// <summary>
/// json序列化
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public static string GetJson(object model) {
System.Web.Script.Serialization.JavaScriptSerializer js = new System.Web.Script.Serialization.JavaScriptSerializer();
return js.Serialize(model);
}
}
}

大体的框架就这些,这些东西我没有怎么去做优化,主要是实现功能

所以想现在上getlist.aspx动态页面的代码,都是用jquery异步请求一般处理程序,有些的不好的地方,希望大家能指出来,我好进行改进,还有一个我没有写样式,就连简单的边框也没有增加。哎,说多了,真的是泪,本来想前两天就把这个东西总结出来的,可是元旦事多,没有办法,只要今天来把它写完,上传,然后出去看人,希望不要有踩踏事件,昨天出去了下,从地铁出来走了半个小时,坐朋友车去了一趟小蛮腰,啥也没有干,感受了下,堵车的滋味,哎...说多了都是泪.另一个朋友说开个车去爬山,堵在半路上,上也不是下也不是,可恶的单行道...呵呵,在这里希望大家开开心心过个节,2014年对我来说真的太悲催了,主要是太菜了...都是泪呀.又闲扯了这么多鬼话.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="getlist.aspx.cs" Inherits="Ajax.UI.getlist" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/msgBox.js"></script>
<script src="js/AjaxHelper.js"></script>
<title></title>
<style>
/*设置编辑的样式和绝对定位 和透明度*/
#edit {
display:none;
position:absolute;
background-color: #;
height:%;
width:%;
opacity:0.6;
}
</style>
<script>
var msg; $(function () {
// //实例化js弹出对话框,里面存放图片的位置
msg = new MsgBox({ imghref: "/js/imgs/" });
//执行ajaxhelper.js文件发出异步请求
ajaxHelper.ajaxGet("getdata.ashx?type=getdata", function (jsonobj) {
//判断jsonobj状态
if (jsonobj.Status == "error") {
//弹出msgbox的对话框
msg.showMsgErr(jsonobj.Msg);
} else {
//hide();
//弹出msgbox的对话框
MarkOpt(jsonobj.Data);
}
})
$("#btedit").click(function () {
//获取表单类的文本值
var parms = $("#f1").serialize();
//判断cid是否为空,为空做新增操作,不为空做编辑操作
if ($("#cid").val() == "") {
//异步post请求新增
ajaxHelper.ajaxPost("getdata.ashx?type=add", parms, function (jsonobj) {
if (jsonobj.Status == "error") {
msg.showMsgErr(jsonobj.Msg)
} else {
msg.showMsgOk(jsonobj.Msg, function () {
window.location = window.location;
})
}
})
} else {
//异步post请求编辑操作
ajaxHelper.ajaxPost("getdata.ashx?type=btedit", parms, function (jsonobj) {
if (jsonobj.Status == "error") {
msg.showMsgErr(jsonobj.Msg);
} else {
msg.showMsgOk(jsonobj.Msg, function () {
//刷新当前列表页面 window.location.reload();
window.location = window.location; })
}
})
}
})
//打开新增面板
$("#add").click(function () {
//加载新增框
$("#edit").show().css("top", ).css("left", );
//文本框里面的内容清空
$("#cid").val("");
$("#idnane").val("");
$("#grade").val("");
$("#class").val("");
$("#sex").val("");
$("#age").val("");
$("#time").val("");
})
}) //获取jsonajax的json.data数据转换成td
function MarkOpt(data) {
//获取table 设置的id =tb 的dom元素
var table = document.getElementById("tb");
//遍历data数据 生成行和列 填充数据
for (var i = ; i < data.length; i++) {
//创建tr
var row = table.insertRow(-);
//创建tr行中单元格td
row.insertCell(-).innerHTML = data[i].SM_id;
row.insertCell(-).innerHTML = data[i].SM_name;
row.insertCell(-).innerHTML = data[i].SM_Grade;
row.insertCell(-).innerHTML = data[i].SM_Classes;
row.insertCell(-).innerHTML = data[i].SM_Gender;
row.insertCell(-).innerHTML = data[i].SM_Age;
row.insertCell(-).innerHTML = fmtdt(data[i].SM_OutTime);
row.insertCell(-).innerHTML = "<a href='javascript:void(0)' onclick='Del("+data[i].SM_id+",this)' >删除</a>|<a href='javascript:void(0)' onclick='Edit("+data[i].SM_id+")' >编辑</a>";
}
}
function Del(id, t) {
//弹出对话框问是否删除
if (confirm("确定要删除?") == false) {
return;
}
//调用ajaxhelper的js脚本 发送异步请求 交给一般处理程序处理
ajaxHelper.ajaxGet("getdata.ashx?type=del&id=" + id, function (jsonajax) {
//判断jsonajax状态的值
if (jsonajax.Status == "error") {
//利用msgbox对话框弹出窗口
msg.showMsgErr(jsonajax.Msg); }
else {
//利用msgbox对话框弹出窗口
msg.showMsgOk(jsonajax.Msg, function () {
//删除td $(t)=this 表示当前行
$(t).parent().parent().remove();
}) }
})
}
//编辑的方法给文本框赋值
function Edit(id) {
//打开隐藏面板
$("#edit").show().css("top", ).css("left", );
//异步请求
ajaxHelper.ajaxGet("getdata.ashx?type=getedit&id=" + id, function (jsonobj) {
//判断请求是否正确
if (jsonobj.Status == "error") {
//弹出错误提示
msg.showMsgErr(jsonobj.Msg);
}
else {
//给文本框赋值
$("#cid").val(jsonobj.Data[].SM_id);
$("#idnane").val(jsonobj.Data[].SM_name);
$("#grade").val(jsonobj.Data[].SM_Grade);
$("#class").val(jsonobj.Data[].SM_Classes);
$("#sex").val(jsonobj.Data[].SM_Gender);
$("#age").val(jsonobj.Data[].SM_Age);
$("#time").val(fmtdt(jsonobj.Data[].SM_OutTime)); }
})
} </script>
<script type="text/javascript">
//负责格式化json返回的特殊日期格式为 yyyy-mm-dd hh:mm:ss
function fmtdt(cellval) {
var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), ));
var month = date.getMonth() + < ? "" + (date.getMonth() + ) : date.getMonth() + ;
var currentDate = date.getDate() < ? "" + date.getDate() : date.getDate();
return date.getFullYear() + "-" + month + "-" + currentDate + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
}
//关闭新增或者编辑面板
function noshow() {
$("#edit").hide();
} </script> </head>
<body>
<form id="form1" runat="server" >
<table id="tb">
<tr>
<th>id</th>
<th>姓名</th>
<th>班级</th>
<th>年级</th>
<th>性别</th>
<th>年龄</th>
<th>时间</th>
<th>操作</th>
</tr>
</table>
<input type="button" value="新增" id="add" />
</form>
<div id="edit">
<form id="f1">
<input type ="hidden" id="cid" name="cid" value ="" />
<table id="tb1" class="tb2"> <tr>
<th>姓名</th>
<td><input type="text" id="idnane" name="name" value="" /></td>
</tr>
<tr>
<th>班级</th>
<td><input type="text" id="grade" name="grade" value="" /></td>
</tr>
<tr>
<th>年级</th>
<td><input type="text" id="class" name="class" value="" /></td>
</tr>
<tr>
<th>性别</th>
<td><input type="text" id="sex" name="sex" value="" /></td>
</tr>
<tr>
<th>年龄</th>
<td><input type="text" id="age" name="age" value="" /></td>
</tr
<tr>
<th>时间</th>
<td><input type="text" id="time" name="time" value="" /></td>
</tr>
<tr>
<td>
<input type="button" value="提交" id="btedit" />
<input type="button" value="关闭" onclick="noshow();" />
</td>
</tr>
</table> </form>
</div>
</body>
</html>

这个里面大多数我都做了注视,希望大家看的明白,还有我的新增和编辑是一个面板所以会有一个判断

里面有个好用的jquery时间转换.可以作为资源库去使用.希望大家能直接调用就好了.

一般处理程序的代码 getdata.ashx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web; namespace Ajax.UI
{
using Ajax.Model;
using Ajax.BLL;
/// <summary>
/// getdata 的摘要说明
/// </summary>
public class getdata : IHttpHandler
{
Ajax.BLL.AjaxSM_Class asc = new AjaxSM_Class();
Ajax.Model.SM_Class sc = new SM_Class();
Ajaxobj obj = new Ajaxobj();
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string strtype = context.Request.QueryString["type"];
switch (strtype)
{
case "getdata":
getlist();
break;
case "del":
Del();
break;
case "getedit":
getedit();
break;
case"btedit":
btedit();
break;
case"add":
add();
break;
default:
break;
} }
/// <summary>
/// 新增
/// </summary>
private void add()
{
try
{
string id = HttpContext.Current.Request.Form["cid"];
postMethod(id);
int i = asc.Add(sc);
if (i > )
{
obj.Msg = "新增成功";
obj.Status = Estatus.sucess.ToString();
HttpContext.Current.Response.Write(kiss.GetJson(obj));
}
}
catch (Exception ex)
{ WriteError(ex);
} }
/// <summary>
/// 编辑数据
/// </summary>
private void btedit()
{
try
{
string id = HttpContext.Current.Request.Form["cid"];
postMethod(id); int i=asc.Update(sc);
if (i>)
{
obj.Msg = "修改成功成功";
obj.Status = Estatus.sucess.ToString();
HttpContext.Current.Response.Write(kiss.GetJson(obj));
} }
catch (Exception ex)
{ WriteError(ex);
} } //获取post传递过来的数据
private void postMethod(string id)
{
if (!string.IsNullOrEmpty(id))
{
sc.SM_id = int.Parse(id);
}
//string id = HttpContext.Current.Request.Form["cid"];
string name = HttpContext.Current.Request.Form["name"];
string classes = HttpContext.Current.Request.Form["class"];
string sex = HttpContext.Current.Request.Form["sex"];
string age = HttpContext.Current.Request.Form["age"];
string time = HttpContext.Current.Request.Form["time"];
string grade = HttpContext.Current.Request.Form["grade"]; sc.SM_name = name;
sc.SM_Grade = grade;
sc.SM_Classes = classes;
sc.SM_Gender = sex;
sc.SM_Age = int.Parse(age);
sc.SM_OutTime = DateTime.Parse(time);
sc.SM_Istf = false;
}
/// <summary>
/// 获取一条数据
/// </summary>
private void getedit()
{
try
{
string id = HttpContext.Current.Request.QueryString["id"];
List<SM_Class> list = asc.GetList(int.Parse(id));
if (list.Count>)
{
obj.Data = list;
obj.Status = Estatus.sucess.ToString();
obj.Msg = "获取数据成功"; HttpContext.Current.Response.Write(kiss.GetJson(obj));
}
}
catch (Exception ex)
{ WriteError(ex);
} }
/// <summary>
/// 删除
/// </summary>
private void Del()
{
try
{
string strid= HttpContext.Current.Request.QueryString["id"];
int id=asc.Delete(int.Parse(strid));
if (id>)
{
obj.Status = Estatus.sucess.ToString();
obj.Msg = "数据删除成功";
HttpContext.Current.Response.Write(kiss.GetJson(obj));
}
}
catch (Exception ex)
{
WriteError(ex);
}
}
/// <summary>
/// 获取数据
/// </summary>
private void getlist()
{
try
{
List<SM_Class> List = asc.GetList();
if (List.Count > )
{
//表示成功
obj.Status = Estatus.sucess.ToString();
obj.Msg = "获取数据成功";
obj.Data = List;
HttpContext.Current.Response.Write(kiss.GetJson(obj));
}
}
catch (Exception ex)
{
WriteError(ex);
} } private void WriteError(Exception ex)
{
obj.Status = Estatus.error.ToString();
obj.Msg = ex.Message;
HttpContext.Current.Response.Write(kiss.GetJson(obj));
} public bool IsReusable
{
get
{
return false;
}
}
}
}