快速获取表单中的数据

serialize()函数

$(selector).serialize();
// 一次性获取到表单中的所有的数据
// 注意：在使用该函数时，必须为每个表单元素添加name属性

模板引擎

模板引擎可以根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面。

art-template是一个简约、超快的模板引擎。中文官网：http://aui.github.io/art-template/zh-cn/index.html

art-template的使用步骤

1. 导入art-template

2. 定义数据

   var data = {name: 'zs'}

3. 定义模板

   <script type="text/html" id="f1"> // type必须是text/html
       <h1>{{name}}</h1>          // {{}}是占位符    
   </script>

4. 调用template函数

   var htmlStr = template('f1', data/定义数据的变量名)

5. 渲染HTML结构

   $(selector).html(htmlStr);

art-template标准语法

• 输出

  {{value}}
  {{obj.key}}
  {{obj.{'key'}}}
  {{a ? b : c}}
  {{a || b}}
  {{a + b}}
  // 在{{}} 语法中，可以进行变量的输出、对象属性的输出、三元表达式输出、逻辑或输出、加减乘除等表达式的输出

• 原文输出

  {{@ value}}
   // 如果要输出的value值中，包含了HTML标签结构，则需要使用原文输出语法，才能保证HTML标签被正常渲染

• 条件输出

  {{if value}} 按需输出的内容 {{/if}}
                         
  {{if v1}} 按需输出的内容 {{else if v2}} 按需输出的内容 {{/if}}

• 循环输出

  {{each arr}}
      {{$index}} {{$value}}
  {{/each}}

• 过滤器

  {{value | filterName}}
  
  
  
  //定义过滤器的基本语法
  template.defaults.imports.filterName = function(value) {
      // return处理的结果
  }