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/

How to implement AJAX on my DataGrid after buttonclick event

Answers (2)