How to pass variable of a form using jquey ?

Posted on 2013-06-27
Last Modified: 2013-06-28
I have a form in a file A and I need when clicking on a button to pass some variable to a php file B (commentaireCommande.php)
the php file has to update in db some data (I know how to do)
and it's done I need to know it in file A

what's the correct syntax with jquey  ?   (I'm new with jquery ....)
need ajax ?
thanks for anyhelp.....

<form align="center" method="POST" name="InfoCommande" id="InfoCommande">
<input type="hidden" name="pDevis" value="<?=$pDevis;?>">
<input type="hidden" name="SelectedEd" value="<?= $SelectedEd?>">
      <TEXTAREA  name="InfoCommande" id="InfoCommande" value="" cols="50" rows="2" wrap="physical"><? echo $Int[0];?></TEXTAREA>
      <div id="r" style="display: inline;" >&nbsp; <input type="button" id="action" value="Ok" class='newSmallbouton' <?= $disabled;?>>  </div>

 $(function() {
       $("#InfoCommande").on("click", "#action", function(event) {
             $('#r').html('&nbsp;<img src="img/ajax-loader.gif">');
                   url: 'commentaire/commentaireCommande.php',
                   data: $('#InfoCommande').serialize(),  // **** added this line ****
                   success: function (response) { //response is value returned from php
//                         $('#r').html(response);
Question by:bruno_boccara
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39282463
What you've got look like it's heading in the right direction - which part of it isn't working?

Author Comment

ID: 39282727
I think I'm not using the good way to read the data in file B
I'm using $_post and it doesn't work
How can I retrieve the data pDevis , selectedEd,...
by the way I fix a little bug in the textarea data, it was the same id of the form
I change its id and its name to infoCommandeTexte...
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39282767
It's probably because your IDs were the same that you didn't receieve the values. The data is sent to your script using this:


so if your TEXTAREA had the same ID it wouldn't have worked.

Now you've sorted it, you should receive the data in the $_POST array as:

The Orion Papers

Are you interested in becoming an AWS Certified Solutions Architect?

Discover a new interactive way of training for the exam.


Author Comment

ID: 39282799
it do not work
please note that I do not make a submit of the form
how the the jquery pass the data ?
get , post , ... ?
LVL 43

Accepted Solution

Chris Stanyon earned 500 total points
ID: 39282848
Ahh, sorry - I missed that bit - the default request for ajax() is GET. I was thinking of post(). To make the ajax() function use POST you need to add a 'type' argument:

	url: 'commentaire/commentaireCommande.php',
	type: 'post',
	data: $('#InfoCommande').serialize(),
	success: function (response) {

Open in new window


Author Closing Comment

ID: 39283651
Many Thanks ....

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

695 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question