form表单+渲染数据

 

 

 

 post不会把数据加到地址中    主要是用post          get很少用

 

 

 阻止表单默认行为

                e.preventDefault();

快速获取表单中的数据

 重置表单数据

$('表单名')[0].reset();

渲染过程

<div class="aa"></div>
    <!-- 导入模板引擎 -->
    <!-- 在windows全局，多一个函数叫做template('模板的id',需要渲染的数据对象) -->
    <!-- 模板的HTML结构，必须定义到script中 script的type属性改为text/html -->
   <script type="text/html" id="tpl-user">
        <h1>{{name}}----{{age}}</h1>
    </script>
   <script>
       var data={
           name: 'zs',
           age:20,
       }
       var str=template('tpl-user',data)
       $('.aa').html(str)
   </script>

原样输出 

  

index=索引号  value=数据

过滤器≈调用函数  dateFormat 是名称可更改

正则表达式

要匹配的数据.exec(被匹配的元素)查找匹配的数据  replace(' ',' ')'替换匹配的数据

用replace替换为真值

        var str='<div>我是{{name}}今年{{age}}</div>';
        var data={name: 'zs',age:20}
        var p=/{{\s*([a-zA-Z]+)\s*}}/ \s空格
        var a;
        while( a=p.exec(str))
        str=str.replace(a[0],data[a[1]])