How to convert a json encoded php variable to a JavaScript JSON object in the same file

Question

I am integrating codeigniter with React for purposes of server side rendering. I am having trouble converting json encoded data to a javascript JSON object. The data is an array of objects.

When I try to JSON.parse it I get Unexpected token in JSON error.

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html> 
<html lang = "en"> 

<head> 
<script crossorigin 
src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react- 
   dom.development.js"></script>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/babel- 
standalone/6.26.0/babel.js"></script>
  <meta charset = "utf-8"> 
  <title>CodeIgniter View Example</title> 
  <style>
  .header{
    background-color:'#000';

  }
  h1{
    color:'white';
  }
  </style>
</head>

 <body> 
  <?php $this->load->view('templates/header'); ?> 


 <div id = 'root'>

  </div>

   </body>
<script type="text/javascript">
   var services = '<?php echo json_encode($services); ?>';
   console.log(services);
 </script>
</html>

The code outputs a string with all the data but not in a JSON format.

Ok. Do you want us to guess what format it returns or would you be kind enough to tell us/show us? — Andreas
– Andreas, Commented May 2, 2019 at 6:57
just remove the single quotes var services = <?php echo json_encode($services); ?>;, if you put quotes, its just treated as string literal — Kevin
– Kevin, Commented May 2, 2019 at 6:59
@Ghost thank you so much. I was so frustrated. You have no idea how this small thing ruined my whole night. Thank you! — Nick.K
– Nick.K, Commented May 2, 2019 at 7:17

madalinivascu · Accepted Answer · 2019-05-02 06:58:30Z

2

Remove the quotes around the php, you want a js object not a string

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

answered May 2, 2019 at 6:58

madalinivascu

32.4k4 gold badges42 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

How to convert a json encoded php variable to a JavaScript JSON object in the same 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