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
{
}
string MobileNo)
{
//Your Insert Logic will come here
}
<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
Post a Comment