<div>
<div class="content wysiwyg-content">
This project is a booking calendar for a Spa. <br />
<br />
I have a calendar on the Booking page. When the user clicks the calendar, a JQuery dialog is displayed with booking info.<br />
<br />
The end user will here enter one or more treatments before they enter any information about the Customer. Since I don't know if this is a return or new customer, I don't want to save to the DB at this point so I put the information in a table in the dialog.<br />
<br />
When the user press the OK-button, I'd like to save the information to the server. There are several form fields and off course the table with the information. How do I pass the data to the server with an AJAX call? If I use a Form Post, the data in the table will not be passed.<br />
<br />
Any help is appreciated.<br />
<br />
Best Regards<br />
<br />
Tomas<br />
<br />
<br />

</div>
</div>


This project is a booking calendar for a Spa. 

I have a calendar on the Booking page. When the user clicks the calendar, a JQuery dialog is displayed with booking info.

The end user will here enter one or more treatments before they enter any information about the Customer. Since I don't know if this is a return or new customer, I don't want to save to the DB at this point so I put the information in a table in the dialog.

When the user press the OK-button, I'd like to save the information to the server. There are several form fields and off course the table with the information. How do I pass the data to the server with an AJAX call? If I use a Form Post, the data in the table will not be passed.

Any help is appreciated.

Best Regards

Tomas




JQuery Parent/child form. how to Post to MVC Controller

A web application framework (WAF) is a software framework that is designed to support the development of dynamic websites, web applications, web services and web resources. The framework aims to alleviate the overhead associated with common activities performed in web development. Most common web application frameworks are defined by specific subsets, including ASP.NET, JaveEE, Symfony, ColdFusion Language (CFML), Laravel, jQuery and AngularJS, or for the related languages, including .NET, PHP, JavaScript, Java, Perl, Python, Ruby, C++ and C.

Web Frameworks

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.