Search jQuery

jQuery Forum

blsn2000

Passing JavaScript variable to PHP

in Getting Started • 8 years ago

In my program, radio button pressed will open its corresponding dropdown list (for example: the button ‘Asia’ will open China, Japan and India).

The variable ‘x’ below detects the selected radio button and I need to pass its value inside my JavaScript to a PHP (to open the corresponding list):

<script>
var x = 123;
<?php $what_is_myVar = x ; ?>
</script>

The following code is successfully passing the variable ‘x’ to PHP, but this is done outside JavaScript:

<head>
<script type="text/javascript">
function passVariable(){
        var x = '123';

        // get the current url and append variable
        var url = document.location.href + '?x=' + x;

        // to prevent looping
        var exists = document.location.href.indexOf('?x=');
        if(exists < 0){
              // redirect passing variable
              window.location = url;
        }
}
</script>
</head>
<body onload="passVariable()">
<?php echo $_REQUEST['x']; ?>
</body>

Please anyone can help me with an idea, using my code or Jquery, to pass inside JavaScript the value of 'x' into $what_is_myVar

Thanks for any reply,

Replies(4)

dsvick

Re: Passing JavaScript variable to PHP

8 years ago

jQuery runs client side in the browser while php runs server side. The only way to get a variable into php from a web page is send it to the server for the php script to work on. That is what your doing in the code you posted that you said worked.

If you want to do it without actually refreshing/changing the page you'll need to look at using ajax (http://api.jquery.com/category/ajax ) to call a php page and get information back. There are several tutorials here: http://docs.jquery.com/Tutorials that can help you get started.

At the simplest you'll use something load (http://api.jquery.com/load/ ) to send the selected radio button info to the php page and display the returned drop down lists.

Check out the tutorials then come back and let us know what questions you have.

Dave

blsn2000

Re: Passing JavaScript variable to PHP

8 years ago

Thank you for your reply, I wrote the simplest load() code below as you recommended:

<script>
$(document).ready(function(){
$("button").click(function(){
$("#myDiv").load("MyPHPfile.php");
});
});
</script>
<body>
<div id="myDiv"></div>
<button>Get PHP Content</button>
</body>

MyPHPfile.php

<?php echo('PHP is here now'); ?>

You mentioned that I need to send the selected radio button info to the PHP and display the returned lists, but this function is loading data from a server and puts the returned data into the selected element.

How can I send data to PHP with load()?

dsvick

Re: Passing JavaScript variable to PHP

8 years ago

There are two ways to do it, check out the documentation for load: http://api.jquery.com/load/

You'll see it specifically has a a place in the arguments for data to be inserted, so you could do this:

$("button").click(function(){
$("#myDiv").load(
"MyPHPfile.php",
{ radioButtonName: buttonValue }
);
});

The other option is to just append a query to the url you are loading from

$("button").click(function(){
$("#myDiv").load("MyPHPfile.php?name=value");
});

So you could do something along these lines

$("button").click(function(){
var radioVal = $(".myRadioButtons:checked").val();
$("#myDiv").load("MyPHPfile.php?checkedButton=" + radioVal);
});

blsn2000

Re: Passing JavaScript variable to PHP

8 years ago

I followed your recommendation, the following code works fine, the function load() sends the selected radio button info to the PHP page and display the returned:

<head>
<script>
  $(document).ready(function(){
    $('#myButtons input:radio').change(function() {
      var buttonValue = $("#myButtons input:radio:checked").val();
        $("#myDiv").load('myPHPfile.php', {selectedButtonValue : buttonValue});
    });
  });
</script>
</head>

<body>
  <div id="myButtons">
    <input type="radio" name="category" value="10" />ButtonA 
    <input type="radio" name="category" value="20" />ButtonB
    <input type="radio" name="category" value="30" />ButtonC
  </div>
  <div id="myDiv">Click the button to load results</div>
</body>

myPHPfile.php

<?php 
  if( $_REQUEST["selectedButtonValue"] )
  {
     $buttonPHP = $_REQUEST['selectedButtonValue'];
     echo "Value button is ". $buttonPHP;
  }
?>

I need an alert box message of the returned PHP value, inside the script, as follows:

;

  $("#myDiv").load('myPHPfile.php', {selectedButtonValue : buttonValue});
  alert('<?php echo $buttonPHP ?>');

;

Would it be possible to write the PHP value inside JavaScript (maybe by using '$get()' instead 'load()' )?

Top Reply

Response title

Attachments

jQuery Forum

Passing JavaScript variable to PHP

Replies(4)

Re: Passing JavaScript variable to PHP

Re: Passing JavaScript variable to PHP

Re: Passing JavaScript variable to PHP

Re: Passing JavaScript variable to PHP

Statistics

Tags

Actions

Related Posts