Javascript无刷新操作数据库记录(增删查改)

原文来自：http://www.ajaxsamples.cn/html/15393.html

        比较无聊，都是用脚本划的table，似乎效率也不怎么好。
        下面的代码是整个用户控件的HTML页面：
        几处 oHttpReq.open("POST", "Ajax框架.aspx?TypeID=1&RequestID=" + RequestID, false);Ajax框架.aspx页面就是操作数据库页面。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ContentFilesList.ascx.cs" Inherits="Content_Contorls_ContentFilesList" %>

var GetStatus=0;//当前问题状态

var sumpage=1;//总页数

var cuurpage=1;//当前页

var pagecount=null;//总记录数量

//删除表格

function _delAllRows(tbobj)

{

var obj=document.getElementById(tbobj);

if (obj==null||obj.rows==null) return false;

var len=obj.rows.length;

if (len==null||len<1) return false;

for (var i=0; i<len; i++)

obj.deleteRow(0);

return true;

}

function LoadDataList()

{

_delAllRows("question");

var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");

var oDoc = new ActiveXObject("MSXML2.DOMDocument");

var RequestID = getargs();

oHttpReq.open("POST", "Ajax框架.aspx?TypeID=1&RequestID=" + RequestID, false);

oHttpReq.send("");

result = oHttpReq.responseText;

if(oHttpReq.readyState==4)

{

eval("loading.style.display=\"none\";");

}

a = new Array(2);

a=result.split('|爩|');

oDoc.loadXML(a[0]);//返回的DataSet数据集

var localurl=a[1];//总记录条数

//alert(localurl);

itemsID = oDoc.selectNodes("//Table/ID");

itemsNewName = oDoc.selectNodes("//Table/NewName");

itemsOldName = oDoc.selectNodes("//Table/OldName");

itemsState = oDoc.selectNodes("//Table/State");

var itemsLength=itemsID.length;

　　for(i=0;i<itemsLength;i++) //将小类的类名和编号赋予

　　{ //创建表格

　　 newRow=question.insertRow(i);

newRow.bgColor="#ffffff";

for (j=0; j < 4; j++) {

newCell=newRow.insertCell(j);

}

var thisEname = itemsOldName[i].text;

var fileType="";

if(thisEname.split('.').length>0)

fileType=thisEname.split('.')[1];

switch(fileType.toLowerCase())

{

//类型

case "doc" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/fileDoc.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

case "ppt" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/filePpt.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

case "jpg" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/fileJpg.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

case "gif" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/fileGif.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

case "txt" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/fileTxt.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

case "rar" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/buttonTheme.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

default:case "rar" : document.all.question.rows(i).cells(0).innerHTML = "<img src=\"../Resource/Images/Default/Icon/fileNone.gif\" style=\"border: solid 0 #000;width:16px;height:16px\" />"; break;

}

document.all.question.rows(i).cells(0).width=16;

document.all.question.rows(i).cells(0).align="left";

//*

//获取路径

var FileUrl='';

var url=unescape(window.location.href);//获取URL,unescape解析URL字符

//var GetfileLinkLength = fileLink.IndexOf("UpLoadFiles");

var GetFilesLength = url.indexOf("Content");

//alert(GetFilesLength);

var fileurl = url.substring(0, GetFilesLength) + "UpLoadFiles/" + itemsNewName[i].text;

//alert(fileurl);

//名称

localurl = localurl + '\UpLoadFiles';

localurl = localurl + itemsNewName[i].text;

if(ReportFileStatus(localurl))

alert(1);

else

alert(0);

document.all.question.rows(i).cells(1).innerHTML =

"<div title="+itemsOldName[i].text+" style=\"overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; PADDING-TOP: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; width:150px;\">"

+"<a href='"+fileurl+"' style=\"cursor:hand;\" target=\"_blank\" >"+itemsOldName[i].text+" </a>"

+"</div>";

document.all.question.rows(i).cells(1).width=150;

document.all.question.rows(i).cells(1).align="left";

//*/

var StateText = itemsState[i].text;

switch(StateText)

{

//类型

case "0" : document.all.question.rows(i).cells(2).innerHTML = "<a title='当前状态：未审核' style=\"cursor:hand;\" onclick=\"tracestate("+itemsID[i].text+",1,'审核','"+itemsOldName[i].text+"')\"><font color=black>×</a></font>"; break;

case "1" : document.all.question.rows(i).cells(2).innerHTML = "<a title='当前状态：已开通' style=\"cursor:hand;\" onclick=\"tracestate("+itemsID[i].text+",2,'关闭','"+itemsOldName[i].text+"')\"><font color=green>√</a></font>"; break;

case "2" : document.all.question.rows(i).cells(2).innerHTML = "<a title='当前状态：已关闭' style=\"cursor:hand;\" onclick=\"tracestate("+itemsID[i].text+",1,'开通','"+itemsOldName[i].text+"')\"><font color=red>⊙</a></font>"; break;

default : document.all.question.rows(i).cells(2).innerHTML = "<a title='当前状态：未知' style=\"cursor:hand;\" onclick=\"tracestate("+itemsID[i].text+",2,'关闭','"+itemsOldName[i].text+"')\"><font color=blue>？</a></font>"; break;

}

document.all.question.rows(i).cells(2).width=40;

document.all.question.rows(i).cells(2).align="left";

document.all.question.rows(i).cells(3).innerHTML = "<a style=\"cursor:hand;\" class=\"ApageLink\" onclick=\"tracedelete("+itemsID[i].text+",'"+itemsOldName[i].text+"')\">删除</a>";

document.all.question.rows(i).cells(3).width=50;

document.all.question.rows(i).cells(3).align="center";

　　}

function ReportFileStatus(filespec)

{

var fso, s = filespec;

fso = new ActiveXObject("Scripting.FileSystemObject");

if (fso.FileExists(filespec))

return true;

else

return false;

}

function tracestate(ID,StateID,strTxt,strName)

{

if(window.confirm('您确认' + strTxt + strName + '？'))

{

var StateReq = new ActiveXObject("MSXML2.XMLHTTP");

StateReq.open("POST", "Ajax框架.aspx?TypeID=2&RequestID="+ ID + "&State=" + StateID, false);

StateReq.send("");

Sresult = StateReq.responseText;

if(Sresult=="1")

{

LoadDataList();

}

else

{

alert(strTxt + '失败，请稍后再试');

return;

}

function tracedelete(DeleteID,oldName)

{

if(window.confirm('您确认删除附件：'+oldName+'？'))

{

var DelReq = new ActiveXObject("MSXML2.XMLHTTP");

DelReq.open("POST", "Ajax框架.aspx?TypeID=3&RequestID="+ DeleteID, false);

DelReq.send("");

Dresult = DelReq.responseText;

if(Dresult=="1")

{

LoadDataList();

var allowCount = document.getElementById("hidFileAllowCount").value;

alert(allowCount);

allowCount++;

alert(allowCount);

document.getElementById("hidFileAllowCount").value = allowCount;

document.getElementById('attach').innerText = "继续添加附件";

}

else

{

alert('删除失败，请稍后再试');

return;

}

function getargs()

{

var url=unescape(window.location.href);//获取URL,unescape解析URL字符

var allargs=url.split("?")[1];//获取?后的值

var args=allargs.split("&");//获取参数数组

for(var i=0;i<args.length; i++)

{

if(args[i].split("=")[0]=="ID")

return args[i].split("=")[1];

break;

}

window.onload = function(){LoadDataList();}

</script>

<img src="../Resource/Images/Default/loading.gif" alt="数据加载中，请稍后

" /> </div>

</td></tr>

<tr>

<td>

<tr>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td></tr>

</table>

Ajax框架.cs 代码
1、返回数据集：

private void GetFileList(string RequestID)

{

if (string.IsNullOrEmpty(RequestID))

{

DataSet ds = CommonSqlExec.ExecReturnDataSet("SELECT * FROM Tables WHERE [ID]=" + RequestID, 1);

string localurl = Request.MapPath("~/");

//回写DataSet为XML,客户端接收

XmlTextWriter writer = new XmlTextWriter(Response.OutputStream, Encoding.UTF8);

writer.Formatting = Formatting.Indented;

writer.Indentation = 4;

writer.IndentChar = ' ';

writer.WriteStartDocument();

ds.WriteXml(writer);

writer.Flush();

Response.Write("|爩|" + localurl);//个人需要加的，可以不要的

Response.End();

writer.Close();

}

        这个就是加载数据的HTML页面：LoadDataList（）方法。。。

        2、更改状态

private void StateFile(string RequestID, string State)

{

bool b = CommonSqlExec.Exec("UPDATE Tables SET State=" + State + " WHERE [ID]=" + RequestID, 1);

if (b)

{

Response.Write("1");

Response.End();

}

else

{

Response.Write("0");

Response.End();

}

就这么简单。。。

赵钱孙李周吴郑王冯陈褚卫
蒋沈韩杨朱秦尤许何吕施张
孔曹严华金魏陶姜戚谢邹喻
柏水窦章云苏潘葛奚范彭郎
鲁韦昌马苗凤花方俞任袁柳
酆鲍史唐费廉岑薛雷贺倪汤
滕殷罗毕郝邬安常乐于时傅
皮卞齐康伍余元卜顾孟平黄
和穆萧尹姚邵湛汪祁毛禹狄
米贝明臧计伏成戴谈宋茅庞
熊纪舒屈项祝董梁杜阮蓝闵
席季麻强贾路娄危江童颜郭
梅盛林 *** 锺徐邱骆高夏蔡田
樊胡凌霍虞万支柯昝管卢莫
经房裘缪干解应宗丁宣贲邓
郁单杭洪包诸左石崔吉钮龚
程嵇邢滑裴陆荣翁荀羊於惠
甄麴家封芮羿储靳汲邴糜松
井段富巫乌焦巴弓牧隗山谷
车侯宓蓬全郗班仰秋仲伊宫
宁仇栾暴甘钭历戎祖武符刘
景詹束龙叶幸司韶郜黎蓟溥
印宿白怀蒲邰从鄂索咸籍赖
卓蔺屠蒙池乔阳郁胥能苍双
闻莘党翟谭贡劳逄姬申扶堵
冉宰郦雍却璩桑桂濮牛寿通
边扈燕冀僪浦尚农温别庄晏
柴瞿阎充慕连茹习宦艾鱼容
向古易慎戈廖庾终暨居衡步
都耿满弘匡国文寇广禄阙东
欧殳沃利蔚越夔隆师巩厍聂
晁勾敖融冷訾辛阚那简饶空
曾毋沙乜养鞠须丰巢关蒯相
查后荆红游竺权逮盍益桓公
万俟司马上官欧阳夏侯诸葛闻人东方赫连皇甫尉迟公羊
澹台公冶宗政濮阳淳于单于太叔申屠公孙仲孙轩辕令狐
钟离宇文长孙慕容司徒司空召有舜叶赫那拉丛岳
寸贰皇侨彤竭端赫实甫集象
翠狂辟典良函芒苦其京中夕
之章佳那拉冠宾香果依尔根觉罗依尔觉罗萨嘛喇赫舍里额尔德特
萨克达钮祜禄他塔喇喜塔腊讷殷富察叶赫那兰库雅喇瓜尔佳舒穆禄爱新觉罗索绰络纳喇
乌雅范姜碧鲁张廖张简图门太史公叔乌孙完颜马佳佟佳
富察费莫蹇称诺来多繁戊朴回毓
税荤靖绪愈硕牢买但巧枚撒
泰秘亥绍以壬森斋释奕姒朋
求羽用占真穰翦闾漆贵代贯
旁崇栋告休褒谏锐皋闳在歧
禾示是委钊频嬴呼大威昂律
冒保系抄定化莱校么抗祢綦
悟宏功庚务敏捷拱兆丑丙畅
苟随类卯俟友答乙允甲留尾
佼玄乘裔延植环矫赛昔侍度
旷遇偶前由咎塞敛受泷袭衅
叔圣御夫仆镇藩邸府掌首员
焉戏可智尔凭悉进笃厚仁业
肇资合仍九衷哀刑俎仵圭夷
徭蛮汗孛乾帖罕洛淦洋邶郸
郯邗邛剑虢隋蒿茆菅苌树桐
锁钟机盘铎斛玉线针箕庹绳
磨蒉瓮弭刀疏牵浑恽势世仝
同蚁止戢睢冼种涂肖己泣潜
卷脱谬蹉赧浮顿说次错念夙
斯完丹表聊源姓吾寻展出不
户闭才无书学愚本性雪霜烟
寒少字桥板斐独千诗嘉扬善
揭祈析赤紫青柔刚奇拜佛陀
弥阿素长僧隐仙隽宇祭酒淡
塔琦闪始星南天接波碧速禚
腾潮镜似澄潭謇纵渠奈风春
濯沐茂英兰檀藤枝检生折登
驹骑貊虎肥鹿雀野禽飞节宜
鲜粟栗豆帛官布衣藏宝钞银
门盈庆喜及普建营巨望希道
载声漫犁力贸勤革改兴亓睦
修信闽北守坚勇汉练尉士旅
五令将旗军行奉敬恭仪母堂
丘义礼慈孝理伦卿问永辉位
让尧依犹介承市所苑杞剧第
零谌招续达忻六鄞战迟候宛
励粘萨邝覃辜初楼城区局台
原考妫纳泉老清德卑过麦曲
竹百福言第五佟爱年笪谯哈墨
南宫赏伯佴佘牟商西门东门左丘梁丘琴
后况亢缑帅微生羊舌海归呼延南门东郭
百里钦鄢汝法闫楚晋谷梁宰父夹谷拓跋
壤驷乐正漆雕公西巫马端木颛孙子车督仉司寇亓官
鲜于锺离盖逯库郏逢阴薄厉稽闾丘
公良段干开光操瑞眭泥运摩伟铁
迮

posted @ 2008-08-31 18:00 armywin 阅读(422) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

ajax

ajax，html/css，js等web前端技术。

Javascript无刷新操作数据库记录(增删查改)

公告