Comments on: Abstracting JavaScript and AJAX requests in PHP (and even building valid HTML) http://blog.octabox.com/2007/07/20/abstracting-javascript-and-ajax-requests-in-php-and-even-building-valid-html/ Opinions on starting up online, web development, graphical design and other random curiosities Thu, 21 Aug 2008 20:03:36 +0000 http://wordpress.org/?v=2.5 By: Eran Galperin http://blog.octabox.com/2007/07/20/abstracting-javascript-and-ajax-requests-in-php-and-even-building-valid-html/#comment-418 Eran Galperin Sat, 26 Apr 2008 18:15:42 +0000 http://blog.octabox.com/2007/07/20/abstracting-javascript-and-ajax-requests-in-php-and-even-building-valid-html/#comment-418 In my opinion use a form for both cases (javascript on or off), with hidden inputs for the rest of the variables. Attach a submit event to the form via javascript (if you are using jQuery, read <a href="http://docs.jquery.com/Events/submit" rel="nofollow">this</a>), and inside the event callback prevent the regular submit event from happening using the preventDefault() method. ie: <code> $('form#myform').submit(function(event){ //Prevent the regular submit event event.preventDefault(); //Serialize all the form variables var params = $(form).serialize(); .... do stuff with variables, like sending them via ajax ... }); </code> If javascript is disabled on the client, the event will not be attached, and the form will be submitted like a regular form. Hope this helps In my opinion use a form for both cases (javascript on or off), with hidden inputs for the rest of the variables.
Attach a submit event to the form via javascript (if you are using jQuery, read this), and inside the event callback prevent the regular submit event from happening using the preventDefault() method. ie:


$('form#myform').submit(function(event){
//Prevent the regular submit event
event.preventDefault();
//Serialize all the form variables
var params = $(form).serialize();
.... do stuff with variables, like sending them via ajax ...
});

If javascript is disabled on the client, the event will not be attached, and the form will be submitted like a regular form. Hope this helps

]]> By: Herve http://blog.octabox.com/2007/07/20/abstracting-javascript-and-ajax-requests-in-php-and-even-building-valid-html/#comment-417 Herve Sat, 26 Apr 2008 11:55:07 +0000 http://blog.octabox.com/2007/07/20/abstracting-javascript-and-ajax-requests-in-php-and-even-building-valid-html/#comment-417 Thanks for this article, I am looking for a solution to write Ajax code that can be switched off if Javascript is not enabled on the client. Therefore, onclick, onmouser and so on should integrate the button only when Javascript is enabled, otherwise, the button would be a normal submit. I believe the solution lies in handling the form with either hidden fields and submit button when javascript is disabled. Otherwise, no form, no hidden fields are populated. Instead, the query string to process through ajax is built using the same variables. I am more than eager to have your feedback on this Thanks for this article,
I am looking for a solution to write Ajax code that can be switched off if Javascript is not enabled on the client.

Therefore, onclick, onmouser and so on should integrate the button only when Javascript is enabled, otherwise, the button would be a normal submit.

I believe the solution lies in handling the form with either hidden fields and submit button when javascript is disabled. Otherwise, no form, no hidden fields are populated. Instead, the query string to process through ajax is built using the same variables.

I am more than eager to have your feedback on this

]]>