Part 14- Insert data into database using jQuery AJAX in ASP.NET MVC application

Показать описание

In this video you will be able to know how can you save your data using jQuery AJAX post method . Its very simple way to call a server without making whole page to be loaded .

SOCIAL :

Get CODE HERE:

INTRODUCTION :

1.jQuery now a days is widely used client side scripting language .Its very simple to use and easy to understand .

2.jQuery selectors can help you to select the html element and manipulate them .there are several jQuery selectors available in jQuery to access the DOM element .

3.Using .Serialize() method you can collect the form data in a variable and can post to the server It just reduce the writing unwanted code for the each element . Otherwise you need the get the value of each element and post to server in array format .

4.By using input type equal to reset instead of submit you can reset your form after completion of AJAX call .Otherwise you would need to clear each element value .

RECOMMENDATION:

Watch MODEL VIEW,CONTROLLER and bootstrap here

TAGS :
how to create a - website
asp. net mvc
asp .net mvc tutorial
asp. net mvc 4
asp net mvc developer
asp net mvc continuous integration
asp net mvc hosting
model view controller
jquery-ajax Post
$ ajax jquery
jquery ajax tutorial
viewbag
$controller
$model
razor view engine

Рекомендации по теме

Комментарии

Can we reach 1000 likes on this video. Share this video among your friends and Give your suggestions on which topic I should make videos. Thanks

aapkanigam

I am working in mvc and angular, shocked to see ur videos, these all are real time videos...good work ashish keeepp it up...and i am willing the angular2

riyazbasha

Very nice explanation. Thank you for sharing this video and your efforts

sachingreat

very very very awsm tutorial ....BIG THANKS ASHISH JI

sunpreetsingh

Thanks a Lot Sir <3 from Bangladesh

sagorfox

I would have liked an explanation as to WHY using JQuery/AJAX to trigger the save action in the controller is a better method than the one used in the previous tutorials.

duncanmcdonald

awesome waiting of these kind of videos with JQ

capcuttemplates

I loved this video .Very easy explanation keep doing good work .Thanks

kirankumari-nzlr

Nice Video sir.But i need to post html textbox data to xml file node using jquery ajax?
please help me.. Thank you.

veeramuthudotnetveera

You are good man!, Love your videos... Keep it up

giftatte

Its simple and awesome. Kee up the good work.

aniljain

thanks sir for this easy and good tutorial .... i am having a problem ..my $.ajax () code is not working .. simple jquery is working but not ajax code

betalaprasanth

Ashish in your Program Form Validation is not working without Input type sumit kindly help me to fix this problem please

MuhammadMustafa-kcep

i am using bootstrap validator with ajax asp.net mvc pop modal form

MuhammadMustafa-kcep

Thank you so much for the help. This is amazing

maihassan

is it works only with razor view ? in my case, it's not working.

yogeshgangwar

what about validation on this page u removed validation code

annuverma

Hello great video and great series of videos. Thank you.

I think the reason you can not delete a row in Employees table is not that you have foreign key from Departments table. Employees is a child in this case and you can delete a child without deleting a parent. In your video N 13 you showed that EmployeeID is a foreign key in Sites table. That makes Sites a child. If you have enforced those relations with primary - foreign key then you can not delete Employee without deleting the corresponding Sites row or rows. I.e. you can not delete a parent row only, as children rows will become orphaned and nothing will point to them and they will become a redundant baggage.

mocococo

Hi Ashish,
Thanks a lot for your videos. these are realy needfull. i have an issue while submitting my form in controller model "EmployeeViewModel model" is showing blank not showing the data that i fill in form.

RahulMishra-qqyy

Hi, thanks for tutorial, how to find loader image under content folder??

tauhidulislam

Part 14- Insert data into database using jQuery AJAX in ASP.NET MVC application

Part 14- Insert data into database using jQuery AJAX in ASP.NET MVC application

Part-14: How to insert data into database using repository pattern | Asp.net core MVC 7.0 project

Insert Data Into DynamoDB - The Cloud Resume Challenge Series (Part 14)

Part 14-[A]-Admin Panel(IMAGE-CRUD): How to Insert/Upload Image in PHP

Wiring up - Insert, Delete, Update: Android Data Persistence Tutorial - Part 14

E Commerce Website in PHP & MySQL Part 14 Insert product

Mysql Tutorial in Hindi Part 14 Insert Into

How to Insert data into DataBase using PHP and Mysqli

SQL Crash Course: From Basics to Advanced Topics

how to insert picture in excel?

multiple row insert in sql

SQL Tutorial | Learn How to Insert Data into Tables

INSERT, DELETE, UPDATE AND SELECT Data in MS-Access with VB 2008 Part 1

PHP-CRUD - Insert Data in PHP - Part 2/4

13. Microsoft Access 2016: Inserting New Data With an INSERT INTO Query in SQL

#Part 14 Create A Transform Map and Run it to insert Daily Summary data to the target table

MySQL #14: How to insert data into a MySQL table using CMD & PhpMyAdmin Hindi

INSERT, DELETE, UPDATE AND SELECT Data in MS-Access with VB 2008 Part 2

How to insert data into mysql database using java swings Part-3

SQL - Part 38 - Insert Into Statements (For inserting data into Tables)

Dynamic Website in PHP & MySQL Part 14 - Insert product 3

PHP CRUD: Bootstrap Modal: Insert Data into Database in PHP

VBA code to insert data in SQL server from Excel Userform.

Codeigniter 3 Tutorial Part-9: Insert data into db with form validation & create table in mysqli