Solved

How to pass variable of a form using jquey ?

Posted on 2013-06-27
6
431 Views
Last Modified: 2013-06-28
Hello,
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>
</form>

<script>
 $(function() {
       $("#InfoCommande").on("click", "#action", function(event) {
             $('#r').html('&nbsp;<img src="img/ajax-loader.gif">');
             $.ajax({
                   url: 'commentaire/commentaireCommande.php',
                   data: $('#InfoCommande').serialize(),  // **** added this line ****
                   success: function (response) { //response is value returned from php
//                         $('#r').html(response);
                        alert(response);
                   }
             });
       });
 });
</script>
0
Comment
Question by:bruno_boccara
  • 3
  • 3
6 Comments
 
LVL 42

Expert Comment

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

Author Comment

by:bruno_boccara
Comment Utility
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...
0
 
LVL 42

Expert Comment

by:Chris Stanyon
Comment Utility
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:

$('#InfoCommande').serialize()

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:

$_POST['pDevis']
$_POST['SelectedEd']
$_POST['infoCommandeTexte']
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 

Author Comment

by:bruno_boccara
Comment Utility
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 , ... ?
0
 
LVL 42

Accepted Solution

by:
Chris Stanyon earned 500 total points
Comment Utility
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:

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

Open in new window

0
 

Author Closing Comment

by:bruno_boccara
Comment Utility
Many Thanks ....
0

Featured Post

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Suggested Solutions

PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
This article discusses how to create an extensible mechanism for linked drop downs.
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…

728 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now