January, 2012
JQuery Ajax post all fileds values example
Basic usage of .ajax would look something like this: HTML:
|
1 2 3 4 5 6 7 8 |
<form id="foo"> <label for="bar">A bar</label> <input id="bar" name="bar" type="text" value="" /> <input type="submit" value="Send" /> </form> |
JavaScript:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
<label for="bar">A bar</label> <input id="bar" name="bar" type="text" value="" /> <input type="submit" value="Send" /> </form> JavaScript: $("#foo").submit(function(event){ // setup some local variables var $form = $(this), // let's select and cache all the fields $inputs = $form.find("input, select, button, textarea"), // serialize the data in the form serializedData = $form.serialize(); // let's disable the inputs for the duration of the ajax request $inputs.attr("disabled", "disabled"); // fire off the request to /form.php $.ajax({ url: "/form.php", type: "post", data: serializedData, // callback handler that will be called on success success: function(response, textStatus, jqXHR){ // log a message to the console console.log("Hooray, it worked!"); }, // callback handler that will be called on error error: function(jqXHR, textStatus, errorThrown){ // log the error to the console console.log( "The following error occured: "+ textStatus, errorThrown ); }, // callback handler that will be called on completion // which means, either on success or error complete: function(){ // enable the inputs $inputs.removeAttr("disabled"); } }); // prevent default posting of form event.preventDefault(); }); |
PHP (i.e. form.php):
|
1 2 3 |
// you can access the values posted by jQuery.ajax // through the global variable $_POST, like this: $bar = $_POST['bar']; |
Note: Always sanitize posted data, to prevent injections and other malicious code. You could also use the shorthand .post in place of .ajax in the above JavaScript code:
|
1 2 3 4 |
$.post('/form.php', serializedData, function(response) { // log the response to the console console.log("Response: "+response); }); |
Note: While the above JavaScript will work in jQuery […]
A good example to understand MVC for PHP
Questions about MVC spread everywhere around, and I found myself difficult to learn what it was about. I guess I am going to write a quick introduction because I really think it’s easy to understand if you have the right informations at your disposal. What you need to know to understand MVC Before trying to […]
Install and configure Subversion on Linux server
use wget to pull down the subversion sources. You could also use curl, but wget does the same with less typing. Choose a version from this list of Subversion sources (tigris.org). The parallel “subversion-deps” download includes all dependent sources required to build Subversion
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
cd /usr/local/src/ wget http://subversion.tigris.org/downloa...n-1.4.5.tar.gz wget http://subversion.tigris.org/downloa...s-1.4.5.tar.gz wget http://www.sqlite.org/sqlite-3.5.2.tar.gz tar xzf subversion-1.4.5.tar.gz tar xzf subversion-deps-1.4.5.tar.gz tar xzf sqlite-3.5.2.tar.gz cd sqlite-3.5.2 ./configure make make install ./sqlite3 .help .exit cd .. cd subversion-1.4.5 ./configure make make install svn --version |
MYSQL5 event scheduler example
MySQL 5.1 Event Scheduler, Conceptually, this is similar to the idea of the UNIX crontab (also known as a “cron job”) or the Windows Task Scheduler. What is “Event Scheduler” event is an object whose statements are executed in response to the passage of a specified time interval. An event performs a specific action according […]
JQuery PHP MYSQL login panel example
View demo click here Download demo This is a cool simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process. It is going to be PHP driven and store all the registrations into a MySQL database. To add the […]