设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 61|回复: 6
打印 上一主题 下一主题

[求助]无限新增功能

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-7 00:27:12 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
据说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>
我有多余的技能想新增继续加入,怎么写代码阿?
谢谢师哥师姐
6#
发表于 2010-1-7 00:27:27 | 只看该作者
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  3. <title>AJAX处理数据</title>
  4. <script language="javascript">
  5. //**===================================================================================
  6. //函数作用:创建XMLHttpRequest对象
  7. function createXMLHttpRequest(){
  8. var xmlhttp=false;
  9. try{
  10. xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  11. }catch(e){
  12. try{
  13. xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  14. }catch(e){
  15. xmlhttp = false;
  16. }
  17. }
  18. if (!xmlhttp && typeof XMLHttpRequest!='undefined'){
  19. xmlhttp = new XMLHttpRequest();
  20. }
  21. return xmlhttp;
  22. }
  23. //**===================================================================================
  24. //函数作用:通过AJAX以GET方式与服务器交换数据并返回信息
  25. function ReturnAjaxData(PostUrl){
  26. var webFileUrl = PostUrl;
  27.   var ReturnStr = "";
  28.   var xmlHttp = createXMLHttpRequest();
  29. if (!xmlHttp){
  30. alert('创建XMLHTTP对象失败!');
  31. return false;
  32. }
  33.   xmlHttp.open("Post",webFileUrl,false);
  34.   xmlHttp.send(null);
  35.   ReturnStr = xmlHttp.responseText;
  36. return ReturnStr;
  37. }
  38. function SaveData(){
  39. var mingcheng = document.getElementById("mingcheng").value
  40. var chengdu = document.getElementById("chengdu").value

  41. //应用Ajax提交数据,Save.asp为接收并保存文件
  42. //ReturnStr为Save.asp处理后的返回信息,可以根据此值判断操作是否成功
  43. /*
  44. Save.asp的简单例子:
  45. <%
  46. Response.CharSet = "GB2312"
  47. mingcheng = request("mingcheng")
  48. chengdu = request("chengdu")
  49. if mingcheng<>"" and chengdu<>"" Then
  50. ''保存到数据库程序
  51. response.Write("保存成功")
  52. else
  53. response.Write("保存失败")
  54. end if
  55. %>
  56. */
  57. //这里为演示方便,假设保存成功
  58. //var webFileUrl = "Save.asp?mingcheng="+ mingcheng +"&chengdu="+ chengdu;
  59. //var ReturnStr = ReturnAjaxData(webFileUrl);
  60. var ReturnStr = "保存成功"
  61. if(ReturnStr == "保存成功"){
  62. var newTr = NewNote.insertRow(NewNote.rows.length-1);
  63. var newTd0 = newTr.insertCell(0);
  64. var newTd1 = newTr.insertCell(1);
  65. newTd0.innerHTML = mingcheng;
  66. newTd1.innerHTML = chengdu;
  67. document.getElementById("mingcheng").value = "";
  68. document.getElementById("chengdu").value = "";
  69. }else{
  70. alert("保存失败,请重试!")
  71. }
  72. }
  73. </script>
  74. </head>
  75. <body>
  76. <FORM METHOD=POST ACTION="">
  77. <table id="NewNote">
  78. <tr>
  79. <td>技能名称</td>
  80. <td>熟练程度</td>
  81. </tr>
  82. <tr>
  83. <td><INPUT TYPE="text" NAME="mingcheng"></td>
  84. <td><INPUT TYPE="text" NAME="chengdu">&nbsp;<input type="button" name="Submit2" value="新增" onClick="SaveData()"/></td>
  85. </tr>
  86. </table>
  87. </FORM>
  88. </body>
  89. </html>
复制代码
回复 支持 反对

使用道具 举报

5#
发表于 2010-1-7 00:27:24 | 只看该作者
楼上的大哥

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

<!--#include file="../conn.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)
%>

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

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

等待你的回复
回复 支持 反对

使用道具 举报

4#
发表于 2010-1-7 00:27:21 | 只看该作者
<!--#include file="../conn.asp"-->
<%
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
%>
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-7 00:27:18 | 只看该作者
2楼的这个东西我喜欢!藏了!
回复 支持 反对

使用道具 举报

2#
发表于 2010-1-7 00:27:15 | 只看该作者
哇~~~~~~~~~~~~~~~~~~~~~~~
哈哈哈哈哈
强啊~~~

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

谢谢了大哥
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-19 10:43 , Processed in 0.085058 second(s), 10 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表