AJax技术

ajax.net对数据库的插入实例

字号+ 作者:H5之家 来源:H5之家 2016-05-12 15:00 我要评论( )

Default.aspx复制代码 代码如下:%@ Page Language=

Default.aspx
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
       function data_insert()
       {
          var xmlhttp;
          if (window.ActiveXObject) {
              xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
          }
          else if (window.XMLHttpRequest) {
              xmlhttp = new XMLHttpRequest();
          }
          else {
              alert("您的浏览器不支持ajax,请使用其他!"); 
          }
          xmlhttp.onreadystatechange=function()
          {
               if (xmlhttp.readyState==4 && xmlhttp.status==200)
               {
                    alert("yeah!");
                }
          }
          var no, name;
          no = document.getElementById("TextBox1").value;
          name = document.getElementById("TextBox2").value;
          var url = "Default2.aspx?no=" + no + "&name=" + name;
          xmlhttp.open("get", url, true);
          xmlhttp.send(null);
       }

    </script>
</head>
<body>
    <form runat="server">
    <div>
        号码:<asp:TextBox runat="server"></asp:TextBox><br />
        姓名:
        <asp:TextBox runat="server"></asp:TextBox><br />
         <input type="button" value="button"/>
         </div>
    </form>
</body>
</html>

Default.aspx.cs
复制代码 代码如下:
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //Button1.Attributes.Add("onclick", "date_insert()");
    }

}

Default2.aspx
复制代码 代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form runat="server">
    <div>

        <asp:SqlDataSource runat="server"
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
            DeleteCommand="DELETE FROM [tst] WHERE [no] = @no"
            InsertCommand="INSERT INTO [tst] ([no], [name]) VALUES (@no, @name)"
            SelectCommand="SELECT * FROM [tst]"
            UpdateCommand="UPDATE [tst] SET [name] = @name WHERE [no] = @no">
            <DeleteParameters>
                <asp:Parameter Type="Int32" />
            </DeleteParameters>
            <InsertParameters>
                <asp:Parameter Type="Int32" />
                <asp:Parameter Type="String" />
            </InsertParameters>
            <UpdateParameters>
                <asp:Parameter Type="String" />
                <asp:Parameter Type="Int32" />
            </UpdateParameters>
        </asp:SqlDataSource>

        <br />

    </div>
    </form>
</body>
</html>

Default2.aspx.cs
复制代码 代码如下:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        SqlDataSource1.InsertParameters["no"].DefaultValue = ["no"].ToString();
        SqlDataSource1.InsertParameters["name"].DefaultValue = ["name"].ToString();
        SqlDataSource1.Insert();
    }

}

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax技巧制作得在线歌词搜索功效

    ajax技巧制作得在线歌词搜索功效

    2016-02-06 14:47

  • Jquery技巧:使用ajax技术提交表单数据

    Jquery技巧:使用ajax技术提交表单数据

    2016-01-22 16:02

  • ajax实现数据的实时显示

    ajax实现数据的实时显示

    2016-01-17 18:04

  • “.NET技术”Ajax和WEB服务数据格式:自定义返回格式

    “.NET技术”Ajax和WEB服务数据格式:自定义返回格式

    2016-01-15 15:23

网友点评
e