Skip to main content

save data using jQuery Ajax JSON in Asp.net(c#)


Here I will explain simple jQuery ajax json example in asp.net or submit a form without page refresh using jQuery ajax json with example in asp.net using c#

 To implement this first design table in your database like below to save values in database.

Column Name Data Type Allow Null
Name varchar(50) Yes
Address varchar(200) Yes
Mobileno varchar(50) Yes

Default.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <title>jQuery Submit a form without postback</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <table>
        <tr>
            <td>
                Name:
            </td>
            <td>
                <input type="text" id="txtname" />
            </td>
        </tr>
        <tr>
            <td>
                Address:
            </td>
            <td>
                <input type="text" id="txtaddress" />
            </td>
        </tr>
        <tr>
            <td>
                Mobileno:
            </td>
            <td>
                <textarea id="txtmobileno"></textarea>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
                <input type="button" id="btnSubmit" value="Submit" />
            </td>
        </tr>
    </table>
    <label id="lblmsg" style="font-weight: bold; color: Red" />
    </form>

 <script type="text/javascript">
        $(function () {
            $('#btnSubmit').click(function () {
                var name = $('#txtname').val();
                var addr = $('#txtaddress').val();
                var mobno = $('#txtmobileno').val();
                if (name != '' && subject != '' && body) {
                    $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "Default.aspx/InsertData",
                        data: "{'username':'" + name + "','address':'" + addr + "','mobileno':'" + mobno + "'}",
                        dataType: "json",
                        success: function (data) {
                            var obj = data.d;
                            if (obj == 'true') {
                                $('#txtname').val('');
                                $('#txtaddress').val('');
                                $('#txtmobileno').val('');
                                $('#lblmsg').html("Details Submitted Successfully");
                            }
                        },
                        error: function (result) {
                            alert("Error");
                        }
                    });
                }
                else {
                    alert('Please enter all the fields')
                    return false;
                }
            })
        });
    </script>
</body>
</html>

Default.aspx.cs

using System.Data;
using System.Data.SqlClient;
using System.Web.Services;


 [WebMethod]
        public static string InsertData(string username, string address, string mobileno)
        {
            string msg = string.Empty;
            using (SqlConnection con = new SqlConnection("Data Source=Nikhilsangani;Integrated Security=true;Initial Catalog=DataDB"))
            {
                using (SqlCommand cmd = new SqlCommand("insert into UserDetails(Name,Address,MobileNo) VALUES(@name,@address,@mobileno)", con))
                {
                    con.Open();
                    cmd.Parameters.AddWithValue("@name", username);
                    cmd.Parameters.AddWithValue("@address", address);
                    cmd.Parameters.AddWithValue("@mobileno", mobileno);
                    int i = cmd.ExecuteNonQuery();
                    con.Close();
                    if (i == 1)
                    {
                        msg = "true";
                    }
                    else
                    {
                        msg = "false";
                    }
                }
            }
            return msg;
        }


Labels:

Comments

Post a Comment

Popular posts from this blog

Generating serial numbers and keys in Asp.net(C#).

here we are using GUID for generate serial numbers and GUID is always unique. Example format: XXXX-XXXX-XXXX-XXXX-XXXX-XXXX-XXXX. Guid SerialKeyGuid = Guid.NewGuid(); string AccessKey = SerialKeyGuid.ToString("N"); string AccessKeyLength = AccessKey.Substring(0, 28).ToUpper(); char[] serialArray = AccessKeyLength.ToCharArray(); string SerialNumber = ""; int P = 0; for (int B = 0; B < 28; B++) {                 for (P = B; P < 4 + B; P++)                 {                     SerialNumber += serialArray[P];                 }                 if (P == 28)                 {                     break;                 }         ...
Post a Comment
Read more

How to write Unit Tests in .net

Unit tests are automated tests that verify the behavior code like methods and functions. Writing unit tests is crucial to clean coding, as they help ensure your code works as intended and catches bugs early in the development process. I can share some tips for writing effective unit tests: Write tests for all public methods Every public method in your code should have a corresponding unit test. This helps ensure that your code behaves correctly and catches any unexpected behavior early. public class Calculator { public int Add(int a, int b) { return a + b; } } [TestClass] public class CalculatorTests { [TestMethod] public void Add_ShouldReturnCorrectSum() { // Arrange Calculator calculator = new Calculator(); int a = 1; int b = 2; // Act int result = calculator.Add(a, b); // Assert Assert.AreEqual(3, result); } } Test boundary conditions  Make sure to test boundary conditions, such a...
Post a Comment
Read more