Bdtjtk

I want to pass an array from JS to PHP and then use it there, I gather the values in JS and send them to a fnother file where I try turn it into a $_SESSION variable but when I do a var_dump on this it gives me a string with comma seperated values. Is there a better way of doing this?

My JS:

var value_1 = document.getElementById("value_1").value;

var value_2 = document.getElementById("value_2").value;

var value_3 = document.getElementById("value_3").value;

var value_4 = document.getElementById("value_4").value;

var value_5 = document.getElementById("value_5").value;



var values = ;

values.push(value_1);

values.push(value_2);

values.push(value_3);

values.push(value_4);

values.push(value_5);



var formData = new FormData();

formData.append("values", values);

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function(){

    if(this.readyState == 4 && this.status == 200){

        // success

    }

};

xmlhttp.open("POST", "myfile.php", true);

xmlhttp.send(formData);

PHP:

if(isset($_POST['values'])){

    $_SESSION['values'] = $_POST['values'];

}

You should convert your array into JSON, like :

var value_1 = document.getElementById("value_1").value;

var value_2 = document.getElementById("value_2").value;

var value_3 = document.getElementById("value_3").value;

var value_4 = document.getElementById("value_4").value;

var value_5 = document.getElementById("value_5").value;



var values = ;

values.push(value_1);

values.push(value_2);

values.push(value_3);

values.push(value_4);

values.push(value_5);



var json_upload = "values=" + JSON.stringify({values});

var xmlhttp = new XMLHttpRequest();

xmlhttp.open("POST", "myfile.php");

xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xmlhttp.send(json_upload);

PHP

<?php

session_start();

if(isset($_POST['values'])){

    $_SESSION['values'] = $_POST['values'];

}

Your problem with your original code was using an array as the value argument for FormData.append() (should be a string, which the JavaScript engine has type-cast your array to in your case).

If you instead append each value with the same key-name suffixed with an empty pair of square brackets (e.g. values), PHP will automatically form these into a numeric array for you.

JavaScript:

var formData = new FormData();

for(var i = 1; i <= 5; i++) {

    formData.append("values", document.getElementById("value_" + i).value);

}

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function(){

    if(this.readyState == 4 && this.status == 200){

        // success

    }

};

xmlhttp.open("POST", "myfile.php", true);

xmlhttp.send(formData);

PHP:

<?php

session_start();

if(isset($_POST['values'])){

    $_SESSION['values'] = $_POST['values'];

}

The better way is to use jQuery $.ajax() function:

_this.sendAjaxRequest = function(url, data, callback, errorCallback) {

    var _type = $.inArray($.type(data), ['string', 'object']) > -1 ? 'post' : 'get';



    var request  = $.ajax({

        'url'      : url,

        'type'     : _type,

        'dataType' : 'json',

        'data'     : data,

        'cache'    : false,

        'success'  : function(response) {

            if (typeof callback != 'undefined' && callback) {

                callback.call(_this, response);

                return;

            }

        },

        'error'    : function(response) {

            if (typeof errorCallback != 'undefined' && errorCallback) {

                errorCallback.call(_this, response);

                return;

            }

        }

    });

};

You could use JSON object as data variable.