How to pass JS variable to PHP variable

Question

This is my first dabbling in Ajax and I'm confused.

Problem: JS variable doesn't seem to get passed to php through Ajax.

I get this notice:

Notice: Undefined index: text in C:\xampp\htdocs\Website\ref_files\delete.php on line 31

Line 31 is: $name = $_POST['text'];

So the problem seems to be that 'text' is not being passed to the php as far as I can tell?

Both the JS and the PHP are in delete.php which is included in WhatsNew.php.

I get Response: displayed on the page, as well as an alert saying "success".

There is a value in 'text', I have tested it with alert(text).

JavaScript + Ajax

<script>

var text = $('#title').text()

 $.ajax({
         url: "WhatsNew.php",
         type: "post",
         cache: "false",
         data: text,
         success: function(){
             alert("success");
         },
         error: function(){
             alert("failure");
         }
     });
</script>

PHP

<?php
$name = $_POST['text'];
echo "Response: " . $name;
 ?>

If more information is required it will be posted beyond this point.

SML · Accepted Answer · 2015-07-27 11:37:08Z

2

You need to change data to:

data: {text: something},

and also change the name of the variable in js, as the compiler won't know which text to take, like:

var something = $('#title').text();

Please do comment if this does not work!

Try this in php on a different file with some response in success:

<?php 
echo "hello"; 
$name = $_POST['text']; 
echo "<label id='1'>Response: " . $name . "</label>"; 
?>

edited Jul 27, 2015 at 11:37

answered Jul 27, 2015 at 10:22

SML

2142 gold badges3 silver badges12 bronze badges

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

7 Comments

PiMan Over a year ago

Ok so I've made the changes but I still get the same error, undefined 'something' now on $name = $_POST['something']. @SML

SML Over a year ago

the $_POST['text'] will be the variable stated at the start of your data data: {text (this one):something}.

PiMan Over a year ago

Success alert is still there but same error. (with namechange obviously)

PiMan Over a year ago

Full code added. I just expected the ajax code to run when the 'delete.php' code was required by the previous file

SML Over a year ago

also remember to add in a response to your success to make changes to the page!

|

Kanishka Panamaldeniya · Accepted Answer · 2015-07-27 10:15:51Z

0

you need to change

data: text,

to

data: {text:text},

answered Jul 27, 2015 at 10:15

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

1 Comment

PiMan Over a year ago

I still get: Notice: Undefined index: text in C:\xampp\htdocs\Website\ref_files\delete.php on line 30

Pupil · Accepted Answer · 2015-07-27 10:16:01Z

0

You are on track, just one modification:

data: {text:text},

You need to send text as key to posted data.

answered Jul 27, 2015 at 10:16

Pupil

24k6 gold badges49 silver badges71 bronze badges

1 Comment

PiMan Over a year ago

I still get the same error using this, any ideas what else I'm doing wrong?

Roamer-1888 · Accepted Answer · 2015-07-27 10:22:14Z

0

You need to wait for the document to be ready before trying to read $('#title').text().

Just wrap everything in $(function() {...}), (and data:{text:text} as others have pointed out).

$(function() {
    var text = $('#title').text();
    $.ajax({
        url: "WhatsNew.php",
        type: "post",
        cache: "false",
        data: {text:text},
        success: function(){
            alert("success");
        },
        error: function(){
            alert("failure");
        }
     });
});

answered Jul 27, 2015 at 10:22

Roamer-1888

19.3k5 gold badges35 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to pass JS variable to PHP variable

4 Answers 4

7 Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related