Как использовать JS и AJAX в качестве обработчика событий <button> для отправки данных формы в Lungo?

Question

Пример файла Lungo, который я могу найти до сих пор, нет тега, чтобы иметь элементы формы, только помещающие и помеченные как этот фрагмент кода.

<div class="form"> 
    <fieldset class="radius-top" data-icon="user"> 
    <input type="text" placeholder="Your username" id="txt-signup-name" value=""> 
    </fieldset> 
    <button class="anchor" data-icon="lock" data-icon="user" data-label="Login"></button> 
</div> 

Когда пользователь нажал кнопку Войти, как я представить данные в форме, я искал Google кто-то сказал об использовании обработчика событий и AJAX, но я действительно не могу найти ни одного примера, поэтому, пожалуйста, помогите, давая мне какой пример, как это сделать.

Спасибо.

Answer 1

Lungo имеет некоторые функции AJAX: Lungo.Service. *, Включая Get, Post.

Где вы хотите отправить данные этой формы? Если он находится на удаленном сервере, вы можете обнаружить нажатие кнопки, а затем выполнить Lungo.Service.get(...) с правильными параметрами для вашей ситуации.

Заканчивать Lungo's documentation

Вы можете также использовать функцию QuoJs Аякса.

UPDATE

Я начал работать с Monocle по Tapquo (разработчики Lungo), и я должен сказать, что разметка очень аккуратно. По-моему, гораздо менее навязчивым, чем сказать, угловатым. Фактически, с Monocle вы вообще не трогаете свой HTML. Все делается с помощью Javascript с помощью шаблона MVC.

Например, если вы хотите отобразить список элементов, отформатированных определенным образом, вы должны сделать следующее.

В вашем HTML, вы просто добавить пустой контейнер:

<ul id="items"></ul> 

Чем, в модели вашего моноклем в, вы определяете класс элементов. Для заполнения контейнера вы бы создать вид:

class __View.ListItems extends Monocle.View 
container: "ul#items" 

template: """  # mustache template 
    <li> 
    <strong>{{Name}}</strong> 
    <small>{{description}}</small> 
    </li> 

В контроллере, вы просто добавить каждый элемент в базе данных с точки зрения:

view = new __View.ListItems model:item 
view.append item for item in __Model.Item.all() 

и вуаля! Ваш контейнер заполнен всеми вашими товарами, и для этого вам не нужно изменять разметку HTML.

-> В угловом, если я хорошо помню, вам нужно будет добавить инструкцию ng-controller и ng-each или что-то еще.