使用ajax将数据插入数据库

本文关键字：插入 数据库 数据 ajax 使用 | 更新日期: 2023-09-27 18:21:51

我正在使用ajax在数据库中插入数据

我的默认.aspx文件如下

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Ajax Demo</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%= btn_Insert.ClientID %>").click(function () {
                //var name = $('#<%=txt_name.ClientID%>').val();
                //var email=$('#<%=txt_email.ClientID%>').val()
                var email = document.getElementById('txt_email').value;
                var name = document.getElementById('txt_name').value;
                //alert("{'Name':'" + name + "', 'Email':'" + email + "'}");
                $.ajax({
                    type: 'POST',
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    data: "Name=" + name + "&Email=" + email,
                   //data: $('#form1')
                    async: true,
                    success: function (response, data)
                    {
                        $('#txt_name').val('');
                        $('#txt_email').val('');
                        alert("Record Has been Saved in Database");
                        alert(response.data.name);
                    },
                    error: function () {
                        console.log('there is some error');
                    }
                });
                return false;
            });
        });
 </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <p>
            Name : <asp:TextBox ID="txt_name" runat="server" ClientIDMode="Static"></asp:TextBox>
        </p>
        <p>
            E-mail : <asp:TextBox ID="txt_email" runat="server" ClientIDMode="Static"></asp:TextBox>
        </p>
        <p>
            <asp:Button ID="btn_Insert" runat="server" Text="INSERT" OnClick="btn_Insert_Click"/>
        </p>
    </div>
    </form>
</body>
</html>

我的.cs文件如下

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Configuration;
using System.Data;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string Name = Request["Name"];
        string Email = Request["Email"];
        InsertMethod(Name, Email);
    }
    SqlCommand cmd;
    public Boolean InsertMethod(string Name, string Email)
    {
       SqlConnection conn = new SqlConnection(ConfigurationManager.ConnectionStrings["connectionstring"].ConnectionString);
        cmd = new SqlCommand("insert into dbo.Demo_AJAX (Name,Email)values (@name,@email)", conn);
        cmd.CommandType =CommandType.Text;
        cmd.Parameters.AddWithValue("@name",Name);
        cmd.Parameters.AddWithValue("@email", Email);
        try
        {
            conn.Open();
            //cmd.ExecuteNonQuery();
            int affected = cmd.ExecuteNonQuery();
            if (affected == 1)
            {
                //Response.Write("Bhargav");
                return true;
            }
            else
            {
                return false;
            }
        }
        catch (Exception ex)
        {
            //Response.Write(ex.Message);
            return false;
        }
        finally
        {
            conn.Close();
        }
    }
    protected void btn_Insert_Click(object sender, EventArgs e)
    {
    }
}

当我运行时，它会在数据库中插入一个空白数据。

我不知道该怎么解决。

请任何人帮助我。

使用ajax将数据插入数据库

使用webmethod，然后它就可以工作了。

添加命名空间

using System.Web.Services;

像一样改变你的方法

[WebMethod]
public static Boolean InsertMethod(string Name, string Email)

并删除

<asp:Button ID="btn_Insert" runat="server" Text="INSERT" />

并从.CS页面中删除点击事件那么它就起作用了。

相关文章：