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>

当用户按下“登录”按钮时，如何提交表单的数据，我搜索过谷歌有人说过使用事件处理程序和AJAX，但我真的找不到任何示例，所以请给我一些示例如何帮助完成它。

感谢。

Answer 1

Lungo有一些AJAX功能：Lungo.Service。*，包括Get，Post。

您想在哪里发送表单的数据？如果它位于远程服务器上，那么您可以检测按钮单击，然后使用适合您情况的正确参数执行Lungo.Service.get(...)。

查看Lungo's documentation

你也可以使用QuoJs Ajax的功能。

<强>更新

我开始使用Tapquo（Lungo的开发人员）与Monocle合作，我不得不说标记非常整洁。在我看来，比Angular更少侵入性。事实上，使用Monocle，您根本不会触摸HTML。在MVC模式的帮助下，一切都是通过Javascript完成的。

例如，如果要显示以特定方式格式化的项目列表，则可以执行以下操作。

在您的HTMl中，您只需添加一个空容器：

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

在Monocle的模型中，您可以定义一个项目类。要填充容器，您需要创建视图：

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标记。

- ＆GT;在角度中，如果我记得很清楚，你需要添加一个ng-controller语句和ng-each。

如何使用JS和AJAX作为<button>的事件处理程序在Lungo中发布表单的数据？</button>

1 个答案: