[求助]无限新增功能 - ASP技术论坛

问题点数：0 回复次数：5

[求助]无限新增功能

据说Ajax可以做出“新增”功能。有没有例子阿？想借鉴来做毕业设计
比如：
<FORM METHOD=POST ACTION="">
<table>
<tr><td>技能名称:<INPUT TYPE="text" NAME=""></td></tr>
<tr><td>熟练程度:<INPUT TYPE="text" NAME=""></td></tr>
<input type="submit" name="Submit2" value="新增" />
</table>
</FORM>

我有多余的技能想新增继续加入，怎么写代码阿？
谢谢师哥师姐

搜索更多相关主题的帖子: ACTION　INPUT　技能　

第 2 楼

得分:0

[CODE]<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>AJAX处理数据</title>
<script language="javascript">
//**===================================================================================
//函数作用：创建XMLHttpRequest对象
function createXMLHttpRequest(){
var xmlhttp=false;
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined'){
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
//**===================================================================================
//函数作用：通过AJAX以GET方式与服务器交换数据并返回信息
function ReturnAjaxData(PostUrl){
var webFileUrl = PostUrl;
　　var ReturnStr = "";
　　var xmlHttp = createXMLHttpRequest();
if (!xmlHttp){
alert('创建XMLHTTP对象失败！');
return false;
}
　　xmlHttp.open("Post",webFileUrl,false);
　　xmlHttp.send(null);
　　ReturnStr = xmlHttp.responseText;
return ReturnStr;
}
function SaveData(){
var mingcheng = document.getElementById("mingcheng").value
var chengdu = document.getElementById("chengdu").value

//应用Ajax提交数据，Save.asp为接收并保存文件
//ReturnStr为Save.asp处理后的返回信息，可以根据此值判断操作是否成功
/*
Save.asp的简单例子：
<%
Response.CharSet = "GB2312"
mingcheng = request("mingcheng")
chengdu = request("chengdu")
if mingcheng<>"" and chengdu<>"" Then
''保存到数据库程序
response.Write("保存成功")
else
response.Write("保存失败")
end if
%>
*/
//这里为演示方便，假设保存成功
//var webFileUrl = "Save.asp?mingcheng="+ mingcheng +"&chengdu="+ chengdu;
//var ReturnStr = ReturnAjaxData(webFileUrl);
var ReturnStr = "保存成功"
if(ReturnStr == "保存成功"){
var newTr = NewNote.insertRow(NewNote.rows.length-1);
var newTd0 = newTr.insertCell(0);
var newTd1 = newTr.insertCell(1);
newTd0.innerHTML = mingcheng;
newTd1.innerHTML = chengdu;
document.getElementById("mingcheng").value = "";
document.getElementById("chengdu").value = "";
}else{
alert("保存失败，请重试！")
}
}
</script>
</head>
<body>
<FORM METHOD=POST ACTION="">
<table id="NewNote">
<tr>
<td>技能名称</td>
<td>熟练程度</td>
</tr>
<tr>
<td><INPUT TYPE="text" NAME="mingcheng"></td>
<td><INPUT TYPE="text" NAME="chengdu"> <input type="button" name="Submit2" value="新增" onClick="SaveData()"/></td>
</tr>
</table>
</FORM>
</body>
</html>[/CODE]

专注于WEB前端交互平台开发：[url=http://blog./]blog.[/url]（富客户端技术（RIA）交流平台）

第 3 楼

得分:0

哇～～～～～～～～～～～～～～～～～～～～～～～
哈哈哈哈哈
强啊～～～

可以保存到数据库里边哇？
我再详细研究哈～

谢谢了大哥

第 4 楼

得分:0

楼上的大哥

我试了一下,不得行
save.asp


<%
Response.CharSet = "GB2312"
empid = request.form("empid")
empname = request.form("empname")
empphone = request.form("empphone")
if empid<>"" and empname<>"" And empphone<>"" Then
''保存到数据库程序
response.Write("保存成功")
else
response.Write("保存失败")
end If

sql="exec emp_person '"&empid&"','"&empname&"','"&empphone&"'"
Set res = conn.execute(sql)
%>

我是这个样子写的，存储过程就是一个插入

但是显示的是“保存失败”。。。。。。。。。。。。。。。。。。。。。。

等待你的回复

第 5 楼

得分:0

<%
Response.CharSet = "GB2312"
''Ajax是通过GET方式提交数据的，所以要用QueryString接收
empid = request.QueryString("empid")
empname = request.QueryString("empname")
empphone = request.QueryString("empphone")
if empid<>"" and empname<>"" And empphone<>"" Then
''保存到数据库程序
''建议放到这里，一来可以保存数据的有效性，
''另外还可以用on error resume next来检测记录是否成功写入数据库
on error resume next
sql="exec emp_person '"&empid&"','"&empname&"','"&empphone&"'"
Set res = conn.execute(sql)
if err then
response.Write("保存失败")
else
response.Write("保存成功")
end if
else
response.Write("保存失败")
end If
%>

[此贴子已经被作者于2007-3-13 16:31:06编辑过]

专注于WEB前端交互平台开发：[url=http://blog./]blog.[/url]（富客户端技术（RIA）交流平台）

第 6 楼

得分:0

2楼的这个东西我喜欢！藏了！

愿天下所有的人都喜欢编程~！@￥#%……&*（——+