Databases
StackOverflow2013
Postsdbo
POBest practice to send javascript code (e.g. a function, not a complete file) to the browser?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBest practice to send javascript code (e.g. a function, not a complete file) to the browser?
    primarykey
    data
    text
    <p>Assuming a JavaScript-based single-page application is returned by the server on the initial request. Besides some initialization code, which is common for every application, just the portion of the application needed to show the requested page (e.g. index page) is returned by the server on the initial request (then cached and rendered).</p> <p>As the user clicks through the application, other portions of the application should be asynchronously loaded ('fetched', 'requested' or however you wanna call it) from the server. By "portions" a mean javascript code, images, css, etc. required to render the page. Let's focus on the javascript code part in this discussion.</p> <p>It's important to notice that the javascript code to be returned to the browser is not contained in separate (static) files (which would be easy then and might be the case in the future due to e.g. performance reasons), but rather in one file, so it's not a 1:1 assiociation (request : file).</p> <p>E.g. we could have a single app defined like this:</p> <pre><code>var LayoutPresenter = App.Presenter.extend('LayoutPresenter', { __view: '&lt;div&gt;{{link "Author" "/author"}} - {{link "Book" "/book"}}&lt;/div&gt;' }); var AuthorPresenter = App.Presenter.extend('AuthorPresenter', { __view: '&lt;div&gt;&lt;h1&gt;{{name}}&lt;/h1&gt;&lt;/div&gt;', __parent: LayoutPresenter, __context: { name: "Steve" } }); var BookPresenter = App.Presenter.extend('BookPresenter', { __view: '&lt;div&gt;&lt;h1&gt;{{title}}&lt;/h1&gt;&lt;/div&gt;', __parent: LayoutPresenter, __context: { title: "Advanced JavaScript" } }); </code></pre> <p><em>App.Presenter</em> is part of the library I am writing and is available in the browser (or on any other client). </p> <p>So assuming the user is browsing to the <em>Book</em> page which hasn't be loaded before (neither initially nor cached in the browser), the <em>BookPresenter</em> code, which is a function, should be returned by the server (assuming the <em>LayoutPresenter</em> code is already available in the browser and <em>App.Presenter</em> is available anyway because it's part of the library). I am running node.js on the server side.</p> <p>How would you recommend to address this problem?</p> <p>There is the <em>eval</em> function, so one could send javascript as a string and bring it back to live using eval(), but such an approach seems to be bad practice.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USScholle
    1. USScholle
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POBest practice to send javascript code (e.g. a function, not a complete file) to the browser?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POBest practice to send javascript code (e.g. a function, not a complete file) to the browser?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POBest practice to send javascript code (e.g. a function, not a complete file) to the browser?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COBy the way, did you find an answer to the problem which worked for you?
      singulars
      1. POBest practice to send javascript code (e.g. a function, not a complete file) to the browser?
      1. USScholle
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload