JS API and JSON Demos

< class="co--hide"> Simple Example with the JS-API & Tokens

The JS API allows you to use 2SexyContent data in your JavaScript with minimal plumbing. Here's how it works:

Enable / disable publishing of data (this is done in the template settings, default is disabled for security reasons)
A client side JS-API which takes care of all the data x-fer and ensures that the client receives a clean representation of the data as a JS-object
The client-side API has a syntax and functionality very close to that of the Razor-API

Download the App to experiment with this yourself.

First FAQ Example (uses AngularJS)

This one has about 6 questions. We're using the ModuleID-Token to ensure that our JS works, even if included more than once.

{{ item.Question }}

Second list - works without conflict

This just shows how it works that the scripts use unique IDs to put their results in.

{{ item.Question }}

< class="co--hide"> Examples with many different Technologies

The following examples do the same thing, with 5 different technologies

Token Templates
Razor Templates
jQuery Templates
knockoutJS Templates
AngularJS Templates

FAQ using Server-Side Token binding

This is the simplest example, no JS whatsoever. It just serves as a reference.

Where do I find the learning-demos?

Just use the following links: demos here, download the app to experiment yourself here.
Where do I find the learning-demos?

Just use the following links: demos here, download the app to experiment yourself here.
Where do I find the learning-demos?

Just use the following links: demos here, download the app to experiment yourself here.

FAQ Using Server-Side Razor Binding

This is another simple example - still using server-side binding. In this case it uses Razor.

Does this also work with razor?
Of course - it's even more powerfull. But we're sticking to simple examples here.
Does this also work with razor?
Of course - it's even more powerfull. But we're sticking to simple examples here.
Does this also work with razor?
Of course - it's even more powerfull. But we're sticking to simple examples here.

Example using jQuery-binding only

This is a simple FAQ sample using JavaScript to visualize it. So this is a jQuery only example, without any special MVC or data binding frameworks.

knockoutJS example

This example uses knockoutJS. it's a simple data-binding javascript-library. Not as powerfull as AngularJS, but also a bit simpler. But if you're serious about getting into JS or even SPA (single page application) development, you'll have to go directly to AngularJS.

Example using AngularJS

This example uses AngularJS for the data binding.

{{ item.Question }}