My jQuery variable to PHP is empty when read

Question

I have an HTML slider called myRange that represents years. I want to get the value and print it in this field when I click a button:

<div id="test">HELLO</div>

I read the value in the script:

var slider = document.getElementById("myRange");

function post()
{
  var year = slider.value
  $.post('year.php', {slideryear:year}, 
  function(data){
    $("#test").html(data);
  });
}

And this is the year.php file:

<?php
    $year = $_POST['slideryear'];
?>

When I click the button to show the number in the id="test" paragraph, the paragraph goes blank ("HELLO" disappears). My first attempt with PHP, what am I doing wrong?

I'm running on Apache.

The fourth bird · Accepted Answer · 2019-06-16 19:17:30Z

2

You only store the post value in the variable $year but you have to give the value back as the response if you want to get it in the callback or else HELLO will be replaced with an empty string.

Try for example:

<?php

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $year = $_POST['slideryear'];
    echo $year;
}

?>

answered Jun 16, 2019 at 19:17

The fourth bird

165k16 gold badges61 silver badges75 bronze badges

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

11 Comments

Angelo Over a year ago

I think you meant ==, I tried but still nothing shows up, it keeps going blank.

The fourth bird Over a year ago

Are you sure you have a value for slider? What do you see when you run var slider = document.getElementById("myRange"); console.log(slider.value); Do you see an error in the browser console?

Angelo Over a year ago

Yes, the slider gives correct values. I print them in another <div> which I haven't included in the post. The console log also shows them when I click the button.

The fourth bird Over a year ago

That seems like the response is the php code itself. Are you sure your php/apache setup is working correctly? I think that if that is working you should get the right result.

Angelo Over a year ago

That was indeed the problem. I reviewed the installation and it wasn't working properly. Now the variable is read correctly. Thank you for the step-by-step instructions.

|

Collectives™ on Stack Overflow

My jQuery variable to PHP is empty when read

1 Answer 1

11 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Your Answer

Sign up or log in

Post as a guest

Related