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
  • 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:

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.


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

Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

Question has a verified solution.

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

Introduction Chart.js, used properly, can visually add a difference to your charting applications. It engages your visitors and allows them to interact with data they otherwise wouldn't be able to without expensive and complicated systems. For this…
In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
The viewer will learn how to dynamically set the form action using jQuery.
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…

861 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