What is the preferred method for passing server data to a RequireJS module?

Question

Is there a preferred way to pass server data in a RequireJS module? Our current implementation looks like the following code snippets; using a 'page' object to hold any server/dynamic data and passing that to the main bootstrap. (We don't want to use ajax to populate any dependencies at this time)

From a server page :

<script data-main="scripts/main" src="scripts/require-jquery.js"></script> <script type="text/javascript">   define("page", function () {       return { guid: "<%=Guid.NewGuid() %>" };     }); </script> 

main.js

require(["jquery", "jquery.alpha", "page"], function ($, alpha, page) {     alpha.initialize(page); }); 

jquery.apha.js

define(["jquery", "page"], function ($, page) {     return {         initialize: function () {             console.log(page.guid);             //logs guid as expected         }     } }); 

Answer 1

I usually do something like this (using PHP on the back-end but anything works):

<script src="scripts/require-jquery.js"></script> <script> require(['scripts/main'], function(App) {   var myApp = new App({     param1: <?=json_encode($param1);?>,     param2: <?=json_encode($param2);?>   }); }); </script> 

And then define my module as something that takes a config:

define(['jquery'], function($) {   var App = function(options) {     this.options = options;     //blabla   }    // add some stuff to App.prototype maybe    // and finally...   return App; });