Send data ajax php

Question

Trying to send a variable with ajax to php.

The js:

var test1 = "test"
$.ajax({
    type : "POST",
    url : "getid.php",
    data:  {test1 : test1},
    success: function() {
         console.log("message sent!");
    }
});

"message sent!" comes up in the console

The php:

<?php 
$test1 = $_POST['test1'];
echo $test1; 
?>

Error message:

Notice: Undefined index: test1...

I don't really see what i have done wrong here... Any ideas?

UPDATE* when doing `

$.ajax({    
        type : "POST",
        url : "getid.php",
        data:  {"test1" : test1},
        success: function(msg) {
            console.log("message sent!");
            console.log(msg);
        }
});

This logs "test"

Still getting the same error in the php though..

No, because then it'd throw an error looking for a constant. It's $_POST['test1']. — Jimbo
– Jimbo, Commented Jul 7, 2013 at 17:18
For your updated: you need to add data as argument to success function. — mishik
– mishik, Commented Jul 7, 2013 at 17:24

Yotam Omer · Accepted Answer · 2013-07-07 17:26:38Z

2

Alter you jQuery code:

var test1 = "test"
$.ajax({
    type : "post",
    url : "getid.php",
    data:  {"test1" : test1}, // this is the row that was causing the problem
    success: function(msg) {
         console.log(msg);
    }
});

You had to put test1 in quotes because it was a defined variable containing "test" which resulted in data being {"test":"test"}

edited Jul 7, 2013 at 17:26

answered Jul 7, 2013 at 17:15

Yotam Omer

15.4k11 gold badges65 silver badges65 bronze badges

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

10 Comments

mishik Over a year ago

Object keys do not require quotes

Yotam Omer Over a year ago

You are right however test1 is a variable containing test which changes the key

mishik Over a year ago

In both cases it will still be "test1": a = "1"; -> "1"; b = {a: 2}; -> Object {a: 2}; b = {"a": 2}; -> Object {a: 2};

Yotam Omer Over a year ago

@Koiski I've updated the success function, copy paste it to your code and tell me what this logs

Yotam Omer Over a year ago

then it works :). "test" is the value you'd expect it to show.

|

VeXii · Accepted Answer · 2013-07-07 17:28:46Z

0

Its becouse the response is given to the callback functions as arguments. try somthing like this

var test1 = "test"
$.ajax({
    type : "POST",
    url : "getid.php",
    data:  {"test1" : test1},
    success: function(data) { // data argument here
         console.log("message sent!");
         console.log("data:",data); // log it out here 
    }
});

answered Jul 7, 2013 at 17:28

VeXii

3,1091 gold badge21 silver badges25 bronze badges

1 Comment

Koiski Over a year ago

it logs "message sent" "test" but i still get the same error when looking at the php. $.get("getid.php", function(data) { alert("Data Loaded: " + data); });

Collectives™ on Stack Overflow

Send data ajax php

2 Answers 2

10 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

10 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related