javascript array to php file

Question

html

<button id="btn2">show alert array</button>
<button id="btn"> go to php</button>

javascript

var test = new Array();
test.push("one");
test.push("two");
json = JSON.stringify(test);

$('#btn').click(function(){
$.ajax({
type: "POST",
url: "json.php",
data: {data:json}
});
});

$('#btn2').click(function(){
alert(json);
});

php file (json.php)

<?php
$data = json_decode($_POST['data']);
var_dump($data);
?>

id="btn2" is working. It displays an alert with the array on it, but when I click in the id="btn", it is not working at all. Can you tell me the problem of these codes?? I just want to send an array from javascript to php file.

That's because you've not told it to do anything... Nothing visible, at least. — Niet the Dark Absol
– Niet the Dark Absol, Commented Oct 18, 2013 at 16:23

ComFreek · Accepted Answer · 2013-10-18 16:27:12Z

3

You do a GET request on the client side:

type: "GET",

But you are expecting POST data on the server side:

$_POST['data']

(This answer is not true anymore because the OP edited the question.)

edited Oct 18, 2013 at 16:27

answered Oct 18, 2013 at 16:20

ComFreek

29.5k18 gold badges107 silver badges157 bronze badges

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

3 Comments

Ritz de Guzman Over a year ago

I already replaced the get and post method, but still the same, no response at all..

Terry Over a year ago

Depending on what the AJAX call is for — if OP is simply intending to retrieve/fetch data, then GET would be more appropriate (and hence requiring changing $_POST to $_GET in PHP.

ComFreek Over a year ago

@RitzdeGuzman Please var_dump($_REQUEST) and post the result.

Robin · Accepted Answer · 2013-10-18 16:22:50Z

1

how come you say it is not working at all, check your ajax function, you should have a success handler in it,

$('#btn').click(function(){
$.ajax({
type: "GET",
url: "json.php",
data: {data:json},
success:function(data){
alert(data);
}
});
});

otherwise how are you supposed to know whether the ajax happened ?

answered Oct 18, 2013 at 16:22

Robin

8649 silver badges20 bronze badges

2 Comments

gen_Eric Over a year ago

You could always just watch the dev console to see if the call was fired.

Ritz de Guzman Over a year ago

ohh.. i see.. that's right.. I forgot to use success for that to display the results. As simple as that. I'm just a little bit busy and forgot that little thing.

gen_Eric · Accepted Answer · 2013-10-18 16:28:16Z

0

This is not the correct way to send an array from JavaScript to PHP. There is no need for JSON here. You can just send the array in your AJAX call. It will be serialized correctly:

$('#btn').click(function(){
    $.ajax({
        type: "POST",  // Make sure to read from the right array in PHP
        url: "json.php",
        data: {data: test} // test is your array, no JSON.stringify needed
    });
});

_{You are reading $_POST['data'] in PHP, so you need to send the data as POST}

This has the added benefit that in PHP your $_POST['data'] will be an array! No json_decode needed.

edited Oct 18, 2013 at 16:28

answered Oct 18, 2013 at 16:22

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

3 Comments

ComFreek Over a year ago

He now reads and sends the data via GET (see his updated question).

gen_Eric Over a year ago

@ComFreek: But he still doesn't need to use JSON, it's superfluous when he's already using query strings.

ComFreek Over a year ago

That's right, of course (I didn't say anything against that). The OP uses POST again in the question, so nevermind my first comment.

Collectives™ on Stack Overflow

javascript array to php file

3 Answers 3

3 Comments

2 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related