how do i send javascript variables to PHP and return the results

Question

I have a form with inputs (each with ID param,param1,param3 respectively) and an external php file with a function called getform() that takes three parameters from the form (param, param1, param3 respectively).

A text feild with id results to display the response from php file.
I have placed onclick function on param3.

I need whenever a user types something in param3 it should be sent to php file and the results displayed in the text filed of id results.

here is my code

<script>
  function post(){
    var param = $('#param').val();
    var param2 = $('#param2').val();
    var param3 = $('#param3').val();
    $.post('curencyconvert.php', {
      postparam: param,
      postparam2: param2,
      postparam3:param3
    }, function(data){
      $('#results').html(data);
    });
  }
</script>

my php function in the php file

function Conv($param,$param2,$param3){
    //my code here
    return $output;
}

$_POST is where you'll find your postparam and postparam2 etc — Jaromanda X
– Jaromanda X, Commented Dec 23, 2016 at 10:18
the problem am not geting any respose form my php file. it seem like the javascript is not working. not even sending any thing. i have checked with javascrit alert(). but find no data sent to the php — Emma
– Emma, Commented Dec 23, 2016 at 10:25
You should try ajax, as described by @Faiz99 or even by @M A SIDDIQUI, In your case when did you call method Conv? It will not get called automatically — Anant
– Anant, Commented Dec 23, 2016 at 11:32

M A SIDDIQUI · Accepted Answer · 2016-12-23 10:24:59Z

1

if(isset($_POST)){
//Calling the defined function here
Conv($_POST['postparam'], $_POST['postparam2'], $_POST['postparam3']);
}

Add these line below your function code.. and better echo the output in your function instead of returning it.

answered Dec 23, 2016 at 10:24

M A SIDDIQUI

2,2251 gold badge21 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Emma Over a year ago

the problem am not geting any respose form my php file. it seem like the javascript is not working. not even sending any thing. i have checked with javascrit alert(). but find no data sent to the php

M A SIDDIQUI Over a year ago

Where are calling the post function...??

Biagio Boi · Accepted Answer · 2016-12-23 10:31:46Z

0

jQuery(document).ready(function($) {
$('#param3').change(function() {
// put here the code //
} );
})

answered Dec 23, 2016 at 10:31

Biagio Boi

686 bronze badges

1 Comment

Biagio Boi Over a year ago

you can use it to control the change of text in the #param3 , next you should add your code to put it in a hidden text box and submit the text box value to php file

Maninder Singh · Accepted Answer · 2016-12-23 10:41:29Z

0

What errors you get in Console(firbug)?

As stated by other answers $_POST should be used.

What your php code returns if it returns an array or returns an object It can not be put into the Input. Return value must be a string

PHP code must be :

      function Conv($param,$param2,$param3){
        //my code here
          // take particular field of the DB results or resultset that you want to show in the input.
            return $output['name'];

        }

I know answer is incomplete because your question is incomplete. Please let me know errors from the console so that i can help you further

edited Dec 23, 2016 at 10:41

answered Dec 23, 2016 at 10:35

Maninder Singh

1099 bronze badges

Comments

fyz · Accepted Answer · 2016-12-23 11:18:28Z

0

echo instead of return.

if(isset($_POST)){
  echo Conv($_POST['postparam'], $_POST['postparam2'], $_POST['postparam3']);
}

Do something like this, it is more clean:

Conv($param, $param2, $param3){
   // your code here
   return $output;
}

As for the javascript part, jquery ajax is your friend

 function post(){

    var param = $('#param').val();
    var param2 = $('#param2').val();
    var param3 = $('#param3').val();

    $.ajax({
        url: '/path/to/file',
        type: 'POST',
        data : { postparam: param, postparam2: param2, postparam3: param3 },     
    }).done(function(data) {
          $('#results').html(data);
    });

}

edited Dec 23, 2016 at 11:18

answered Dec 23, 2016 at 11:00

fyz

3,37231 silver badges31 bronze badges

Collectives™ on Stack Overflow

how do i send javascript variables to PHP and return the results

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related