Transforming a php object into a javascript array

Question

Transforming a php object into a javascript array

I have a function called selectAll that returns results as objects.

$customers = $app['database']->selectAll('customers');

Below is the var_dump of the $customers variable:

array(4) { 
    [0]=> object(stdClass)#5 (7) { ["id"]=> string(2) "10" ["name"]=> string(10) "Thisted El" ["address"]=> string(13) "Otto Monsteds" ["city"]=> string(5) "Vej 8" ["phone"]=> string(9) "503982350" ["zip"]=> string(6) "481922" ["notes"]=> string(0) "" } 
    [1]=> object(stdClass)#6 (7) { ["id"]=> string(2) "11" ["name"]=> string(11) "Bibin Vinod" ["address"]=> string(8) "Kottayam" ["city"]=> string(5) "Kochi" ["phone"]=> string(10) "0294294022" ["zip"]=> string(6) "129042" ["notes"]=> string(0) "" }
}

I want to extract the 'name' property from these objects for an autofill form. I am using an autocomplete script found here.

In my PHP file, I have included the autofill function after the form. I encode this object using json_encode and then parse it using JSON.parse. By iterating over the array, I populate a JavaScript array with just the names and then pass it to the autocomplete function.

var js_data = '<?php echo json_encode($customers); ?>';

var js_obj = JSON.parse(js_data);

for (var i = 0; i < arrayLength; i++) 
{
   customername[i] = js_obj["name"];
}

autocomplete(document.getElementById("customers"), customername);

Despite following these steps, the autofill form does not work as expected. Any assistance on this matter would be greatly appreciated. Thank you.

javascript arrays json object

Answer 1

Answer №1

The issue has been resolved successfully. Initially, I transformed the object array into a standard array in PHP:

$customers = $app['database']->selectAll('customers');

$allCustomers = array();

foreach($customers as $key => $val) 
{
    $allCustomers[] = $val;
}

Subsequently, in the JavaScript section, I utilized json encode on this variable, employed a for loop to extract each 'name' property and populated them into a JavaScript array. Eventually, I passed it to the autocomplete function in this manner:

var js_data = <?php echo json_encode($allCustomers) ?>;

var customername = [];

for (var i = 0; i < js_data.length; i++) 
{
    customername[i] = js_data[i]["name"];
}

autocomplete(document.getElementById("customers"), customername);

I greatly appreciate everyone who contributed their assistance.

Answer 2

The issue has been resolved successfully. Initially, I transformed the object array into a standard array in PHP:

$customers = $app['database']->selectAll('customers');

$allCustomers = array();

foreach($customers as $key => $val) 
{
    $allCustomers[] = $val;
}

Subsequently, in the JavaScript section, I utilized json encode on this variable, employed a for loop to extract each 'name' property and populated them into a JavaScript array. Eventually, I passed it to the autocomplete function in this manner:

var js_data = <?php echo json_encode($allCustomers) ?>;

var customername = [];

for (var i = 0; i < js_data.length; i++) 
{
    customername[i] = js_data[i]["name"];
}

autocomplete(document.getElementById("customers"), customername);

I greatly appreciate everyone who contributed their assistance.

Answer 3

Answer №2

To update the customer name, just modify the input value without altering the div structure

document.getElementById("customers").value = customername;

Answer 4

To update the customer name, just modify the input value without altering the div structure

document.getElementById("customers").value = customername;

Answer 5

Answer №3

To access the data in the `js_obj` array, you must use indexing.

customername[i] = js_obj[i].name;

If preferred, you can alternatively create an array of names in PHP.

$customers = array_map(function($x) {
    return $x->name;
}, $app['database']->selectAll('customers'));

?>
var customers = <?php echo json_encode($customers); ?>;

Answer 6

To access the data in the `js_obj` array, you must use indexing.

customername[i] = js_obj[i].name;

If preferred, you can alternatively create an array of names in PHP.

$customers = array_map(function($x) {
    return $x->name;
}, $app['database']->selectAll('customers'));

?>
var customers = <?php echo json_encode($customers); ?>;

Transforming a php object into a javascript array

Answer №1

Answer №2

Answer №3

Similar questions

Cross-platform mobile browsers typically have scrollbars in their scrollable divs

I am facing difficulties with deploying my Next.js App on Vercel. Whenever I try to deploy, I encounter an error stating that the Command "npm run build" exited with 1

Issue with localStorage failing to save comments added at the beginning

Using the $.ajax() method can sometimes lead to encountering the error message "Uncaught ReferenceError: data is not defined"

Tips for automatically checking a form's accuracy before moving to the next stage in a multi-step form with zod and react-hook-form

Error: Unable to locate module 'firebase'

Add 1 to every element within an array with values ranging from 1 to 1000

Failure to trigger success or error callbacks in Angular's $http.get request

Jackson serializes BasicFileAttributes

Creating a Spiral Matrix using a 2D Array in the C Programming Language

Adjusting the transparency level of the JavaScript thumbnail

Error: The code has a syntax issue due to an unexpected "function" token while using

What is the best way to transfer data from a clicked table row to another component?

Begin by opening a single div for each instance

Is it possible to incorporate click methods within vuex?

When transitioning from one screen to another in React Native, the toast does not appear. Setting a setTimeout of 1000 fixes this issue temporarily, but I am looking for a way to display

Struggling to maintain context with axios in React despite diligent use of arrow functions

What is the best way to implement function overloading in a React Functional Component using TypeScript?

Problem with Java class in GWT JsInterop

Issue with distinguishing JavaScript code from an SVG file