How to implement AJAX on my DataGrid after buttonclick event

Question

I am performing insert operation on a data base table from web page. I want to update the table present in the GridView when I click on insert button without refreshing whole page. How?

Dharmraj Thakur · Answer

Use instead of Simple button dont make postback of your page... and make following code to call controller action of your insert method.... $(document).ready(function () { //function will be called on button click having id btnsave $( #btnSave ).click(function () { $.ajax( { type: POST  //HTTP POST Method url: Home/AddEmployee  // Controller/View data: { //Passing data Name: $( #txtName ).val() //Reading text box values using Jquery City: $( #txtAddress ).val() Address: $( #txtcity ).val() } }); }); }); Refer to more: http://www.c-sharpcorner.com/uploadfile/0c1bb2/inserting-data-using-ajax/

Manas Mohapatra · Answer

Follow below links that may help you: https://www.aspsnippets.com/Articles/GridView---Add-Edit-Update-Delete-and-Paging-the-AJAX-way.aspx https://www.aspsnippets.com/Articles/ASPNet-jQuery-AJAX-CRUD-Select-Insert-Edit-Update-and-Delete-in-ASPNet-GridView-using-jQuery-AJAX.aspx http://codedisplay.com/gridview-add-edit-delete-using-ajax-in-asp-net-c-vb-net/