<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
Anyone can provide me an example with how to do one input form based on ajax and jQuery. I'd like to see a form where a user puts value to input section, clicks 'save' and change the value and again clicks save and all these data were sent to DB without refreshing page.
</div>
</div>


Hi,

Anyone can provide me an example with how to do one input form based on ajax and jQuery. I'd like to see a form where a user puts value to input section, clicks 'save' and change the value and again clicks save and all these data were sent to DB without refreshing page.

Ajax + jQuery - simple example of editing form

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

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.

AJAX

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.