两种方法实现asp.net方案的前后端数据交互（aspx文件、html+ashx+ajax）

1   <!-- 数据库连接-->
2   <connectionstrings>
3     <add name="connectionstring" 
4          connectionstring="data source=(localdb)\mssqllocaldb;attachdbfilename=|datadirectory|\data1.mdf;integrated security=true" 
5          providername="system.data.sqlclient"/>
6   </connectionstrings>

1 using system.data;
2 using system.data.sqlclient;

1         //数据库连接字符串
2         string connectionstring = system.configuration.configurationmanager.connectionstrings["connectionstring"].tostring();

string user = tbxinsertuser.text;
string password = tbxinsertpassword.text;

1 sqlconnection conn = new sqlconnection(connectionstring);
2 conn.open();
3 
4 
5 conn.close();

1 sqlcommand cmd = new sqlcommand();
2 cmd.connection = conn;
3 cmd.commandtext = "insert into 用户表 values('" + user + "','" + password + "')";

1 if (cmd.executenonquery() != 0)
2 {
3     messagebox.show("添加信息成功！\n用户名：" + user + "\n密码：" + password);
4 }
5else
6 {
7     messagebox.show("添加信息失败！");
8 }

 1 using system;
 2 using system.collections.generic;
 3 using system.linq;
 4 using system.web;
 5 using system.web.ui;
 6 using system.web.ui.webcontrols;
 7 
 8 using system.data;
 9 using system.data.sqlclient;
10 
11 using system.windows.forms;
12 
13 namespace 前后端数据交互
14 {
15     public partial class webform1 : system.web.ui.page
16     {
17         //数据库连接字符串
18         string connectionstring = system.configuration.configurationmanager.connectionstrings["connectionstring"].tostring();
19 
20         protected void page_load(object sender, eventargs e)
21         {
22             
23         }
24 
25         protected void btninsert_click(object sender, eventargs e)
26         {
27             string user = tbxinsertuser.text;
28             string password = tbxinsertpassword.text;
29 
30             sqlconnection conn = new sqlconnection(connectionstring);
31             conn.open();
32 
33             sqlcommand cmd = new sqlcommand();
34             cmd.connection = conn;
35             cmd.commandtext = "insert into 用户表 values('" + user + "','" + password + "')";
36 
37             if (cmd.executenonquery() != 0)
38             {
39                 messagebox.show("添加信息成功！\n用户名：" + user + "\n密码：" + password);
40             }
41             else
42             {
43                 messagebox.show("添加信息失败！");
44             }
45 
46             conn.close();
47         }
48     }
49 }

 1 　　　　　protected void btndelete_click(object sender, eventargs e)
 2         {
 3             string user = tbxdeleteuser.text;
 4             string password = tbxdeletepassword.text;
 5 
 6             sqlconnection conn = new sqlconnection(connectionstring);
 7             conn.open();
 8 
 9             sqlcommand cmd = new sqlcommand();
10             cmd.connection = conn;
11             cmd.commandtext = "delete from 用户表 where 用户名='" + user + "' and 密码='" + password + "'";
12 
13             if (cmd.executenonquery() != 0)
14             {
15                 messagebox.show("删除信息成功！\n用户名：" + user + "\n密码：" + password);
16             }
17             else
18             {
19                 messagebox.show("数据不存在！");
20             }
21 
22             conn.close();
23         }

 1 　　　　 protected void btnupdate_click(object sender, eventargs e)
 2         {
 3             string user = tbxupdateuser.text;
 4             string password = tbxupdatepassword.text;
 5 
 6             sqlconnection conn = new sqlconnection(connectionstring);
 7             conn.open();
 8 
 9             sqlcommand cmd = new sqlcommand();
10             cmd.connection = conn;
11             cmd.commandtext = "update 用户表 set 密码='" + password + "' where 用户名='" + user + "'";
12 
13             if (cmd.executenonquery() != 0)
14             {
15                 messagebox.show("更新信息成功！\n用户名：" + user + "\n密码：" + password);
16             }
17             else
18             {
19                 messagebox.show("更新失败！");
20             }
21 
22             conn.close();
23         }

 1         protected void btnselect_click(object sender, eventargs e)
 2         {
 3             string user = tbxselectuser.text;
 4 
 5             sqlconnection conn = new sqlconnection(connectionstring);
 6             conn.open();
 7 
 8             sqlcommand cmd = new sqlcommand();
 9             cmd.connection = conn;
10             cmd.commandtext = "select 密码 from 用户表 where 用户名='" + user + "'";
11 
12             tbxselectpassword.text = cmd.executescalar().tostring();
13 
14             conn.close();
15         }

 1 　　　　 protected void btnall_click(object sender, eventargs e)
 2         {
 3             sqlconnection conn = new sqlconnection(connectionstring);
 4             conn.open();
 5 
 6             sqlcommand cmd = new sqlcommand();
 7             cmd.connection = conn;
 8             cmd.commandtext = "select * from 用户表";
 9 
10             sqldatareader dr = cmd.executereader();
11             if (dr.hasrows)
12             {
13                 gridview1.datasource = dr;  //设置数据源
14                 gridview1.databind();  //进行数据绑定
15             }
16             else
17             {
18                 messagebox.show("表中没有数据！");
19             }
20 
21             conn.close();
22         }

 1 <!doctype html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <title>ashx+ajax实现数据的增删改查</title>
 6 
 7     <!-- jquery的引入 -->
 8     <script src="jquery-3.0.0.min.js"></script>
 9 
10     <script>
11         function insert() {
12 
13         }
14         function delete() {
15 
16         }
17         function update() {
18 
19         }
20         function select() {
21 
22         }
23     </script>
24 </head>
25 
26 <body>
27     <h5>增</h5>
28     <label>用户名：</label><input id="iptinsertuser" />  <label>密码：</label><input id="iptinsertpassword" />  <button id="btninsert" onclick="insert()">确认添加</button>
29 
30     <h5>删</h5>
31     <label>用户名：</label><input id="iptdeleteuser" />  <label>密码：</label><input id="iptdeletepassword" />  <button id="btndelete" onclick="delete()">确认删除</button>
32 
33     <h5>改</h5>
34     <label>用户名：</label><input id="iptupdateuser" />  <label>密码：</label><input id="iptupdatepassword" />  <button id="btnupdate" onclick="update()">确认更新</button>
35 
36     <h5>查</h5>
37     <label>用户名：</label><input id="iptselectuser" />  <label>密码：</label><input id="iptselectpassword" />  <button id="btnselect" onclick="select()">确认查询</button>
38 </body>
39 </html>

 1         function insert() {
 2             $.ajax({
 3                 type: "post",  //post put get 等等
 4                 url: "insert.ashx",
 5                 data: {  //要传入ashx文件的数据
 6 
 7                 },
 8                 success: function (data, textstatus) {
 9                     //连接至ashx文件成功时，执行函数
10                     //data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
11                     //如果data是字符串，则可以输出data的值
12                     //如果data是对象，则可以将这个对象的各属性值赋给其他变量
13                     //textstatus是表示状态的字符串，这里textstatus的值是"success"
14 
15                 },
16                 error: function (xmlhttprequest, textstatus, errorthrown) {  //连接至ashx文件失败时，执行函数
17                     //xmlhttprequest在这个例子里没有用到
18                     //textstatus是表示状态的字符串，这里textstatus的值是"error"
19                     //errorthrown包含连接失败的信息，可以输出查看
20                 }
21             });
22         }

1             //jquery写法
2             var user = $('#iptinsertuser').val();
3             var password = $('#iptinsertpassword').val();
4             //javascript原生写法
5             //var user = document.getelementbyid('iptinsertuser').value;
6             //var password = document.getelementbyid('iptinsertpassword').value;

            $.ajax({
                type: "post",  //post put get 等等
                url: "insert.ashx",
                data: {  //要传入ashx文件的数据
                    "user": user,
                    "password":password
                },
                success: function (data, textstatus) {
                    //连接至ashx文件成功时，执行函数
                    //data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
                    //如果data是字符串，则可以输出data的值
                    //如果data是对象，则可以将这个对象的各属性值赋给其他变量
                    //textstatus是表示状态的字符串，这里textstatus的值是"success"
                },
                error: function (xmlhttprequest, textstatus, errorthrown) {  //连接至ashx文件失败时，执行函数
                    //xmlhttprequest在这个例子里没有用到
                    //textstatus是表示状态的字符串，这里textstatus的值是"error"
                    //errorthrown包含连接失败的信息，可以输出查看
                }
            });

 1         public void processrequest(httpcontext context)
 2         {
 3             context.response.contenttype = "text/plain";
 4             //context.response.write("hello world");
 5 
 6             string user = context.request["user"];
 7             string password = context.request["password"];
 8 
 9             context.response.write("用户名：" + user + "\n密码：" + password);
10 
11         }

 1             $.ajax({
 2                 type: "post",  //post put get 等等
 3                 url: "insert.ashx",
 4                 data: {  //要传入ashx文件的数据
 5                     "user": user,
 6                     "password":password
 7                 },
 8                 success: function (data, textstatus) {
 9                     //连接至ashx文件成功时，执行函数
10                     //data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
11                     //如果data是字符串，则可以输出data的值
12                     //如果data是对象，则可以将这个对象的各属性值赋给其他变量
13                     //textstatus是表示状态的字符串，这里textstatus的值是"success"
14                     alert(data);
15                 },
16                 error: function (xmlhttprequest, textstatus, errorthrown) {  //连接至ashx文件失败时，执行函数
17                     //xmlhttprequest在这个例子里没有用到
18                     //textstatus是表示状态的字符串，这里textstatus的值是"error"
19                     //errorthrown包含连接失败的信息，可以输出查看
20                 }
21             });

 1 function insert() {
 2             //jquery写法
 3             var user = $('#iptinsertuser').val();
 4             var password = $('#iptinsertpassword').val();
 5             //javascript原生写法
 6             //var user = document.getelementbyid('iptinsertuser').value;
 7             //var password = document.getelementbyid('iptinsertpassword').value;
 8 
 9             $.ajax({
10                 type: "post",  //post put get 等等
11                 url: "insert.ashx",
12                 data: {  //要传入ashx文件的数据
13                     "user": user,
14                     "password":password
15                 },
16                 success: function (data, textstatus) {
17                     //连接至ashx文件成功时，执行函数
18                     //data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
19                     //如果data是字符串，则可以输出data的值
20                     //如果data是对象，则可以将这个对象的各属性值赋给其他变量
21                     //textstatus是表示状态的字符串，这里textstatus的值是"success"
22                     alert(data);
23                 },
24                 error: function (xmlhttprequest, textstatus, errorthrown) {  //连接至ashx文件失败时，执行函数
25                     //xmlhttprequest在这个例子里没有用到
26                     //textstatus是表示状态的字符串，这里textstatus的值是"error"
27                     //errorthrown包含连接失败的信息，可以输出查看
28                     alert("请求在连接过程中出现错误..\n" + errorthrown);
29                 }
30             });
31         }

 1 using system;
 2 using system.collections.generic;
 3 using system.linq;
 4 using system.web;
 5 
 6 using system.data;
 7 using system.data.sqlclient;
 8 
 9 namespace 前后端数据交互
10 {
11     /// <summary>
12     /// summary description for insert
13     /// </summary>
14     public class insert : ihttphandler
15     {
16         //数据库连接字符串
17         string connectionstring = system.configuration.configurationmanager.connectionstrings["connectionstring"].tostring();
18 
19         public void processrequest(httpcontext context)
20         {
21             context.response.contenttype = "text/plain";
22             //context.response.write("hello world");
23 
24             string user = context.request["user"];
25             string password = context.request["password"];
26 
27             sqlconnection conn = new sqlconnection(connectionstring);
28             conn.open();
29 
30             sqlcommand cmd = new sqlcommand();
31             cmd.connection = conn;
32             cmd.commandtext = "insert into 用户表 values('" + user + "','" + password + "')";
33 
34             if (cmd.executenonquery() != 0)
35             {
36                 context.response.write("信息添加成功！\n用户名：" + user + "\n密码：" + password);
37             }
38             else
39             {
40                 context.response.write("信息添加失败..");
41             }
42 
43             conn.close();
44         }
45 
46         public bool isreusable
47         {
48             get
49             {
50                 return false;
51             }
52         }
53     }
54 }