ASP.Net - Save Data in SQL Server Database with jQuery AJAX - C#

Enquiry.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/json2/0.1/json2.js"></script>
<script type="text/javascript">
    $(function () {
        $("[id*=btnSave]").bind("click", function () {
            var user = {};

            user.FullName = $("[id*=txtFullName]").val();
            user.Address = $("[id*=txtAddress]").val();
            user.City = $("[id*=txtCity]").val();
            user.State = $("[id*=txtState]").val();
            user.Locality = $("[id*=txtLocality]").val();
            user.Email = $("[id*=txtEmail]").val();
            user.MobileNo = $("[id*=txtMobileNo]").val();
            user.WhatsAppNo = $("[id*=txtWhatsAppNo]").val();
            user.FlatRequirement = $("[id*=txtFlatRequirement]").val();
            user.Remarks = $("[id*=txtRemarks]").val();
            user.Project = $("[id*=txtProject]").val();

            $.ajax({
                type: "POST",
                url: "Enquiry.aspx/SaveUser",
                data: '{user: ' + JSON.stringify(user) + '}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",

                success: function (response) {
                    alert(response.d);
                    window.location.reload();
                },

                failure: function (response) {
                    alert(response.d);
                }
            });
            return false;
        });
    });
</script>


</head>
<body>
    <form id="form1" runat="server">
    <div>
 
    <table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            Full Name:
        </td>
        <td>
            <asp:TextBox ID="txtFullName" runat="server" Text="" />
        </td>
    </tr>
    <tr>
        <td>
            Email ID:
        </td>
        <td>
            <asp:TextBox ID="txtEmailID" runat="server"  />
        </td>
    </tr>
    <tr>
        <td>
            Mobile No.:
        </td>
        <td>
            <asp:TextBox ID="txtMobileNo" runat="server"  />
        </td>
    </tr>
    <tr>
        <td>
            WhatsApp No.:
        </td>
        <td>
            <asp:TextBox ID="txtWhatsAppNo" runat="server"  />
        </td>
    </tr>

        <tr>
        <td>
            City:
        </td>
        <td>
            <asp:TextBox ID="txtCity" runat="server"  />
        </td>
    </tr>

        <tr>
        <td>
            State:
        </td>
        <td>
            <asp:TextBox ID="txtState" runat="server"  />
        </td>
    </tr>

        <tr>
        <td>
            Locality:
        </td>
        <td>
            <asp:TextBox ID="txtLocality" runat="server"  />
        </td>
    </tr>

        <tr>
        <td>
            Address:
        </td>
        <td>
            <asp:TextBox ID="txtAddress" runat="server"  />
        </td>
    </tr>

        <tr>
        <td>
            Remarks/Comments:
        </td>
        <td>
            <asp:TextBox ID="txtRemarks" runat="server"  />
        </td>
    </tr>

        <tr>
        <td>
            Project:
        </td>
        <td>
            <asp:TextBox ID="txtProject" runat="server"  />
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
            <asp:Button ID="btnSave" Text="Save" runat="server" />
        </td>
    </tr>
</table>


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


Web Method Call:

[WebMethod]
[ScriptMethod]
    public static string SaveUser(DLContactMaster user)
    {
        string _IsSavable;

        try
        {
            _IsSavable = user.SaveContactMasterData(user.FullName,
                                user.Email,
                                user.MobileNo);

            if (_IsSavable == "PASS")
            {
                return "Customer has been submitted.\n\rWe will communicate you shortly.!";
            }
            else
            {
                return _IsSavable;
            }
        }
        catch (Exception ex)
        {
            return ex.Message;
        }
        finally
        {
        }


Create Get/Set Properties:

public class DLContactMaster
{

#region Properties

    public string FullName { get; set; }
    public string Email { get; set; }
    public string MobileNo { get; set; }

#endregion

public string SaveContactMasterData(string FullName,
                                string Email,
                                string MobileNo)

{
//Your Insert Logic will come here
}

}

Comments

Popular posts from this blog

PUTTY - The server's host key is not cached in the registry cache

OIM-12c Installation - FMW - SOA - IDM

SAML & OAuth 2.0