Post an array to a PHP page from .js file

Question

I'm trying to pass an array from .js file to a PHP page using ajax post method. would you help me to understand why it is not working?

//js file
$.ajax({
       type: "POST",
       url: "http://localhost/Project_part3/includes/graph.php",
       datatype: 'JSON',
       data: {'data1' : JSON.stringify(data1)},
       success: function(data){
        console.log("success:", data1);
    },
       failure: function(errMsg) {
        console.error("error:",errMsg);
       }
    });

//PHP page
<?php
  $data1 = json_encode($_POST["data1"]);
  var_dump ($_POST["data1"]);
?>

How do you know it is not working? Have you watched the request/response in the browser's developer tools? Have you checked the console for errors? — Jay Blanchard
– Jay Blanchard, Commented Apr 4, 2019 at 16:22
Shouldn't the PHP json_decode to turn the string into an array? — kainaw
– kainaw, Commented Apr 4, 2019 at 16:23
@NasimKhaloo, Harvey has right you are sending an string not an array check his answer — stan chacon
– stan chacon, Commented Apr 4, 2019 at 16:41
check console.log("success:", data); <== not data1 to see the var_dump — Michael Eugene Yuen
– Michael Eugene Yuen, Commented Apr 4, 2019 at 17:50

Harvey Fletcher · Accepted Answer · 2019-04-04 16:26:44Z

1

If your data1 array in your JS is already a javascript array, you don't need to do JSON.stringify() as this is making it into a string.

You will now be able to just do data: data1

var data1 = {
        yourKey1: "yourValue",
        yourKey2: "moreStuff"
    };

$.ajax({
   type: "POST",
   url: "http://localhost/Project_part3/includes/graph.php",
   datatype: 'JSON',
   data: data1,
   success: function(data){
    console.log("success:", data1);
},
   failure: function(errMsg) {
    console.error("error:",errMsg);
   }
});

answered Apr 4, 2019 at 16:26

Harvey Fletcher

1048 bronze badges

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

Collectives™ on Stack Overflow

Post an array to a PHP page from .js file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related