I'm trying to access individual data created in a multidimensional php array with jquery. I can see the data is there in the console but when I'm trying to post the data, Php $_POST returns undefined.
register.php
//put customer information in array so that it can be reused in js
$customerArray = array(
array(
'customerid' => $customerId,
'countrycode' => $countryCode,
'mobilephone' => $mobilePhoneCode
)
);
//encode in json
echo json_encode($customerArray);
jquery
$.ajax({
type: "POST",
url: 'queries/register.php',
data: formvalues, // serializes the form's elements.
success: function(customerarr) {
console.log(customerarr);
//get customer array information
var customerID = customerarr['customerid'];
var countrycode = customerarr['countrycode'];
var mobilephone = customerarr['mobilephone'];
}
//function to send a new verification number
$('#sendnewverificationNumber').click(function(e) {
e.preventDefault();
//capture the customerid who previously signed up
var newnumberform = 'customerID=' + encodeURIComponent(customerID) +
'&countrycode=' + encodeURIComponent(countrycode) +
'&mobilephone=' + encodeURIComponent(mobilephone);
//ajax POST
$.ajax({
type: "POST",
url: 'queries/validation.php',
data: newnumberform, // serializes the form's elements.
success: function(newdata) {
console.log(newdata);
//write message
var newmsg = 'We went a new verification number to your mobile.'
//append class to make it show
$("#validationpmessage").addClass("text-success");
//display message in the modal
$("#validationpmessage").html(newmsg);
}
});
});
})
