"Uncaught SyntaxError: Unexpected identifier" in Console

Question

I want to pass php variable to javascript variable. When i click on error, it gives a redline under "console.log(data)" But it throws the error in Console Window -

Uncaught SyntaxError: Unexpected identifier

I am new to Javascript.

Javascript:

<script>
$('#clientName').on('change', function() {
    var clientname = $(this).val();
    var clientid = $('#clients-list option[value=' + clientname +']').attr('id');

    var data = [];
    data = <?= $client_data ?>
    console.log(data);
});
</script>

PHP Variable ( $client_data ) :

    Array
(
    [0] => Array
        (
            [id] => 1
            [client_name] => John Doe
            [client_shop_street] => Baker Street
            [client_city_town] => California
            [client_pincode] => 
            [client_desc] => hello1
            [client_contact1] => 1234567890
            [client_contact2] => 1111111111
            [client_email] => 
            [client_total_amt] => 45000
            [client_paid_amt] => 37000
            [created_at] => 
            [updated_at] => 2021-06-21 18:39:54
            [created_by] => 1
        )

[1] => Array
        (
            [id] => 2
            [client_name] =>  Tom Jerry
            [client_shop_street] => Wall Street
            [client_city_town] => New York
            [client_pincode] => 
            [client_desc] => testing demo
            [client_contact1] => 2222222222
            [client_contact2] => 3333333333
            [client_email] => 
            [client_total_amt] => 45000
            [client_paid_amt] => 37000
            [created_at] => 
            [updated_at] => 2021-06-21 23:32:12
            [created_by] => 1
        )
)

Instead of trying to render spaghetti from the server, you might make an ajax call to PHP to fetch the data. — Matt, Jul 07 '21 at 16:33
Could you share what is generated by PHP? E.g. if this is in `index.php`, you can execute the php script from terminal or by using a web browser and viewing the page source. When PHP prints the client data, it is coming out in a format that isn't valid JavaScript — alexanderbird, Jul 07 '21 at 16:33
@alexanderbird. This is what i am trying to achieve using php - https://stackoverflow.com/q/68284371/15360495 — user15360495, Jul 07 '21 at 16:35
@steveo314 It redirecting me to the line that shows like this : data = [{"id":1,"client_name": John Doe, 'client_shop_street': .........}]; — user15360495, Jul 07 '21 at 16:38
Does this answer your question? [How do I pass variables and data from PHP to JavaScript?](https://stackoverflow.com/questions/23740548/how-do-i-pass-variables-and-data-from-php-to-javascript) — Ivar, Jul 07 '21 at 16:38
@steveo314 When i click on line no. it shows Redline under console.log(data) in the file. — user15360495, Jul 07 '21 at 17:08

score 0 · Answer 1 · answered Jul 07 '21 at 16:35

0

To expose a PHP object in a format that makes sense in JavaScript, you'll need to encode it in a JavaScript-friendly format. The simplest is to use json, which can be interpreted by JavaScript without any special parsing.

In your PHP file:

<script>
$('#clientName').on('change', function() {
    var clientname = $(this).val();
    var clientid = $('#clients-list option[value=' + clientname +']').attr('id');

    var data = [];
    data = <?= json_encode($client_data) ?>
    console_data(data);
});
</script>

json_encode docs

answered Jul 07 '21 at 16:35

alexanderbird

3,847
1
26
35

It gives same error even after using json_encode(). – user15360495 Jul 07 '21 at 16:53
When i click on error, it gives a redline under "console.log(data)" – user15360495 Jul 07 '21 at 17:01

Charlie · Answer 2 · 2021-07-07T17:09:24.407

0

Two problems in the code:

Use json_encode when using a PHP array as a value for a JS variable.
```
 data = <?json_encode($client_data) ?>
```
I believe it should be console.log(data)

edited Jul 07 '21 at 17:09

answered Jul 07 '21 at 16:41

Charlie

22,886
11
59
90

I used json_encode() but shows same error. – user15360495 Jul 07 '21 at 16:56
When i click on error, it gives a redline under "console.log(data)" – user15360495 Jul 07 '21 at 17:02
Aren't you running this in a browser ? – Charlie Jul 07 '21 at 17:05
I am running it in Chrome, and this error is in console – user15360495 Jul 07 '21 at 17:07
Removed a typo in the answer `data = `. Try now. – Charlie Jul 07 '21 at 17:10
1

Thank you for your help. But i missed something - and it worked - I missed the single quotes i.e data = '' – user15360495 Jul 07 '21 at 17:20

score 0 · Accepted Answer · answered Jul 07 '21 at 17:21

[Solved] Single Quotes missed around PHP Code.

<script>
$('#clientName').on('change', function() {
    var clientname = $(this).val();
    var clientid = $('#clients-list option[value=' + clientname +']').attr('id');

    var data = [];
    data = '<?php echo json_encode($client_data) ?>'
    console.log(data);
});

"Uncaught SyntaxError: Unexpected identifier" in Console

3 Answers3