jquery ajax method

Question

i want to insert web form data into database using jquery ajax method clicking submit button suppose when i click the submit button then textbox value dropdown value and fileupload control file should be inserted into database

Ronika Jency · Answer

Hi, Refer below link, https://stackoverflow.com/questions/27863434/upload-file-using-webapi-ajax https://stackoverflow.com/questions/2320069/jquery-ajax-file-upload

Sivakumar Koneti · Answer

lookover once https://www.tutorialsteacher.com/jquery/jquery-ajax-method example :- https://www.w3schools.com/jquery/ajax_ajax.asp

Gajendra Jangid · Answer

https://www.aspsnippets.com/Articles/AJAX-CRUD-operations-Create-Read-Update-and-Delete-using-GridView-in-ASPNet.aspx

Veerendra Annigere · Answer

jQuery AJAX POST Form "utf-8" > "response" > "my-form" > "text" id= "first-name" name= "first-name" placeholder= "First Name" /> "text" id= "last-name" name= "last-name" placeholder= "Last Name" /> "submit" >Submit "//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" > ( function ($){ function processForm( e ){ $.ajax({ url: 'users.php' , dataType: 'text' , type: 'post' , contentType: 'application/x-www-form-urlencoded' , data: $( this ).serialize(), success: function ( data, textStatus, jQxhr ){ $( '#response pre' ).html( data ); }, error: function ( jqXhr, textStatus, errorThrown ){ console.log( errorThrown ); } }); e.preventDefault(); } $( '#my-form' ).submit( processForm ); })(jQuery); Ref link: https://www.airpair.com/js/jquery-ajax-post-tutorial

Sanwar Ranwa · Answer

Hello Montazir Please check these Links https://www.c-sharpcorner.com/UploadFile/b926a6/data-insert-into-sql-database-using-jquery-ajax-method/ https://www.c-sharpcorner.com/blogs/how-to-insert-and-retrieve-data-using-jquery-ajax-in-asp-net https://www.aspsnippets.com/Articles/Insert-Update-Data-to-Database-with-jQuery-AJAX-and-WebMethod-in-ASPNet.aspx