domAjax

domAjax Created by sam_21. This templates have specific characteristics, namely: domAjax is a small HTML5 javascript library that allows any DOM element to make ajax requests. It also has a simple templating engine that can easily bind returned json data to template attributes written in curly brackets. By default, any returned json object is passed through this micro .

You can use this domAjax on Javascript category for ajax, ajax requests, angular, dom, engine, html, javascript, jquery, json, template and another uses.

domAjax
© Copyright by sam_21

Main Features:

  • Video preview resolution: None
  • Software version: None
  • High resolution: No
  • Compatible browsers: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
  • Files included: JavaScript JS, HTML, PHP

domAjax is a small HTML5 javascript library that allows any DOM element to make ajax requests. It also has a simple templating engine that can easily bind returned json data to template attributes written in curly brackets. By default, any returned json object is passed through this micro templating engine which gives you a really seamless ajax experience.

domAjax removes the need for you to code jQuery ajax requests which can easily get messy especially when it comes to processing the returned JSON and manipulating the DOM to add any fetched data.

DOM nodes are configured using data-ajax-* attributes and the domAjax library takes care of the rest.
documentation accessible at https://googledrive.com/host/0B_GNvWPY1Rs1Z1RTbFFGWFBVRzg/index.html
// domAjax Template

<div id='posts' data-ajax-url='/posts/'>    <div class='single-post' data-ajax-repeat='posts'>        <span>{{author.image}}</span>        <div>            <span>Written by {{author.name}}</span>            <span>Submitted {{dateCreated}}</span>        </div>        <div class='writeup'>            {{content}}        </div>        <div class='comments'>            {{comments}}        </div>    </div></div>