What is the best practice for transferring a variable value in javascript from a server?

Question

I am developing a pet project using jQuery. Now the application requires that some variable value be passed to the javascript client when the page loads. I wonder what is the best thing to do.

I can do this in two ways. First, make it a javascript variable on the page.

<script> <?php echo "var maxid = $maxid;"?> </script>

This means that the client will see

<script> var maxid = <somevar>; </script>

Secondly, assign it an attribute of a single element.

<div maxid="<php echo $maxid >" />

Which approach is better? Is there any other way to do this?

Answer 1

html , , .

<script>
$(function() {
    var max_id = <?php echo $max_id;?>;
});
</script>

Answer 2

JSON http://blog.reindel.com/2007/10/02/parse-json-with-jquery-and-javascript/

Answer 3

... , :

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

, JSON.

Answer 4

- :

, "" , "". , "".

- :

HTML, , , ajax.

, JavaScript, JavaScript HTML/ .

, .

Answer 5

javascript ( ). , -, .

Answer 6

, . DIV, DOM DOM node .