Pass JSON from php to javascript

Question

I want to localize my webapp. Since localization through javascript only is not recommended I thought using php would be an alternative.

So with php I read a messages.json file that stores all localization data.

$json = file_get_contents("_locales/en/messages.json");

In the header of my webapp I generate some javascript with php according to the user's browser language.

echo "var localeObj = " . $json . ";";

So this is just a var that holds all data from the messages.json file that looks like that

{ "extTitle": { "message": "Test1" }, "extName":{ "message": "Test2" } }

Now I want to be able to access each item from the json like

var title = getItem("extTitle");

and it returns Test1. Any idea how to do that?

I am not very familar with json but if I just alert the localeObj it gives me just [object Object].

alex · Accepted Answer · 2016-08-03 14:23:37Z

4

var getItem = function(item) { return localObj[item].message; };

You could always encapsulate your i18n strings too...

(function() { var localObj = { ... }; window.getItem = function(item) { return localObj[item].message; }; })();

This way, no other variables can possibly clobber your localObj.

edited Aug 3, 2016 at 14:23

answered Feb 24, 2011 at 6:33

alex

492k205 gold badges890 silver badges992 bronze badges

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

4 Comments

DarkLeafyGreen Over a year ago

I get an missing ; before statement window.getItem(item) { }

DarkLeafyGreen Over a year ago

should be localObj a string? Because it's coming as a string from the php method

alex Over a year ago

@ArtWorkAD No, it shouldn't be. If it is, you'll need to parse it to JSON.

alex Over a year ago

@ArtWorkAD Did you copy the code as is? JavaScript has ASI, so it shouldn't be that (unless you have an IDE complaining). Are you running this code in PHP?

Alex · Accepted Answer · 2011-02-24 06:33:47Z

You use array syntax [], or dot syntax ., to access javascript object properties.

Example:

localeObj["extTitle"]; localeObj.extTitle;

I would recommend reading something like this to get more familier with JSON.

alex · Accepted Answer · 2016-08-03 14:24:07Z

1

You can initialize javascript variable like this.

var json = eval(<? echo $json ?>); alert(json.extTitle.message+ ' '+json.extName.message);

edited Aug 3, 2016 at 14:24

alex

492k205 gold badges890 silver badges992 bronze badges

answered Feb 24, 2011 at 14:17

Tarun Nagpal

9641 gold badge9 silver badges25 bronze badges

2 Comments

Fred FLECHE Over a year ago

Thanks a lot for this last submission cause it allow me to place my markers on a Google map. very efficient.

user299791 Over a year ago

do you have any hint how to do the same task but from coffeescript?

jbcurtin · Accepted Answer · 2011-02-24 06:43:27Z

Inside messages.php:

<?php header('Content-type:application/javascript'); $messages = array( "yes"=>"hai", "no"=>"iie" ); $messages = json_encode($messages); echo "window.messages = $messages"; ?>

Inside index.html:

<html> <body> <script type="text/javascript" src="messages.php"></script> <script type="text/javascript"> console.log(window.messages) </script> </body> </html>

As long as you tell the browser to interpret the php file as a javascript file, you can echo anything you want.

Collectives™ on Stack Overflow

Pass JSON from php to javascript

4 Answers 4

4 Comments

Comments

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

2 Comments

Comments

Linked

Related