ajax ops

Декларативные операции Ajax

Ваш самый простой самый быстрый способ иметь одно страницу веб -приложения без единой строки кода JavaScript.

Живая демонстрация

Живая демонстрация

Запуск демонстрации

Демонстрация - это просто статические файлы, вы можете разместить этот каталог в корне документа вашего сервера или просто ввести следующую команду, которая запустит простой HTTP -сервер на порту 8000, затем укажите свой браузер на http: // localhost: 8000/index.html

python -m SimpleHTTPServer

Конвенции

• el - DOM -элемент
• $target - объект jQuery target элемента DOM
• where может быть один из: closest , inside или doc , что означает весь документ
• how может быть одно из: prepend , append или replace

Декларативное использование

 < a data-toggle =" ajax-load " href =" /posts/today.json " data-target =" .posts " > my link </ a >
< button type =" button " data-toggle =" ajax-ops " > my button </ a >
< div class =" me " data-refresh-url =" /user/me.json " data-template =" user_info " > </ div >
< div class =" posts " data-template =" posts_titles " > </ div >
< div class =" posts " data-template =" full_posts " > </ div >

Вы можете определить

• data-toggle
  • ajax-load - извлеченный текст, содержание HTML или чистые данные и применить его к цели (ы)
  • ajax-ops -получает json op-коды
  • ajax-modal * требует расширения
• data-target - селектор для применения извлеченного контента к нему
• data-url (которые иногда могут быть заменены href или data-refresh-url )
• data-template - шаблон, который будет использоваться для отображения чистых данных
• data-format - может быть text , html или json
• data-how - может быть одним из: prepend , append или replace

Шаблоны - это функции, которые принимают объект json и возвращают HTML, вы можете использовать любой шаблонный двигатель, но мы предлагаем руля

Ссылка

• ajax_ops.flashmsg({html:, text:, type:info|danger, selector:, base_target:$obj, where:closest|inside|''})
  • отображение информации или блока предупреждения, используя шаблон с названием «Flashmsg».
  • ajax_ops.flashmsg({text:'not found', type:'danger');
  • ajax_ops.flashmsg.call(this, {text:'not found', type:'danger', selector:'.modal', where:'closest'});
  • Затронут self.flashmsg_opts.selector .content:first
• onsubmit="return ajax_ops.submit_form(this, params);"
  • params необязательны
  • params.target=$obj
  • params.cb=function($target, data){}
• ajax_ops.loads({html: CONTENT, text: CONTENT, data: JSON, template: NAME, el: ELEMENT, how: prepend|append|replace})
  • Помощник для загрузки HTML, текста или шаблона в элемент с возможностью добавления или подготовки их
• ajax_ops.load({el:element, url:, how: prepend|append|replace, selector:, where:closest|inside|, })
• ajax_ops.refresh(element|selector, params)
  • params необязательны
  • params.where
  • params.base_element
  • использует ajax_ops.load и принимает его параметры, подобно how
  • Пример ajax_ops.refresh('.me')
• ajax_ops.exec_ops([ [op1, selector1, params1], [op2, selector2, params2],.. ])
  • Операции могут быть
    • remove
    • refresh
    • load
    • attr {set:{k:v}, unset:[k1,k2]}
    • class {add:[], remove:[], toggle[]}
    • Можно расширить больше операций, добавив ajax_ops.ops['my_opcode']=function(el, params){}

Примечания:

 // register templates
ajax_ops . templates = Handlebars . templates ;
// nice hack
Handlebars . partials = Handlebars . templates ;
// You might want to disable usual links behavior 
$ ( 'a[data-toggle]' ) . click ( function ( e ) { e . preventDefault ( ) } ) ; 

Авторские права и лицензия

Copyright 2014 Muayyad Alsadi

Лицензировано по лицензии Apache, версия 2.0 («Лицензия»); Вы не можете использовать эту работу, кроме как в соответствии с лицензией. Вы можете получить копию лицензии в файле лицензии или по:

http://www.apache.org/licenses/license-2.0

Если не требуется применимый закон или не согласен в письменной форме, программное обеспечение, распространяемое по лицензии, распределяется по основам «как есть», без каких -либо гарантий или условий, явных или подразумеваемых. См. Лицензию для конкретного языка, регулирующих разрешения и ограничения по лицензии.