Ajax

JQuery中的Ajax

$.get()

$.get()函数的语法

$.get(url, [data], [callback])

其中，三个参数各自代表的含义如下：

$.get()发送不带参数的请求

$.get()发送带参数的请求

$.post()

$.post()函数的语法

$.post(url, [data], [callback])

其中，三个参数各自代表的含义如下：

$.post()向服务器提交数据

$.ajax()

$.ajax()函数的语法

$.ajax({
	type: '',// 请求的方式，例如：GET 或 POST
	url: '',//请求的 url 地址
	data: { },//请求需要携带的数据
	success: result => { }//请求成功后的回调函数
})

$.ajax()发送get请求

    
    
    
    
    
    


    

l

$.ajax()发送post请求

推荐一款接口测试工具

ApiPost - API 文档、调试、Mock、测试一体化协作平台

art-template模板引擎

传统方式渲染UI结构

    
    
    
    
    
    


    

    
姓名：
    
年龄：
    
会员：
    
注册时间：
    

        爱好：
        

    

art-template 渲染UI结构

art-template 标准语法

什么是标准语法

art-template 提供了 {{}} 这种语法格式，在 {{}} 内可以进行变量输出，或循环数组等操作，这种 {{}} 语法在 art-template 中被称为标准语法。

标准语法 - 输出

{{value}}
{{obj.key}}
{{obj['key']}}
{{a ? b : c}}
{{a || b}}
{{a + b}}

在 {{}} 语法中，可以进行变量的输出、对象属性的输出、三元表达式输出、逻辑或输出、加减乘除等表达式输出。

标准语法 - 原文输出

{{@ value}}

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

标准语法 - 条件输出

如果要实现条件输出，则可以在 {{}} 中使用 if ... else if ... /if 的方式，进行按需输出。

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

标准语法 - 循环输出

如果要实现循环输出，则可以在 {{}} 内，通过 each 语法循环数组，当前循环的索引使用 $index 进行访问，当前的循环项使用 $value进行访问。

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

标准语法 - 过滤器

{{value | filterName}}

过滤器语法类似管道操作符，它的上一个输出作为下一个输入。

定义过滤器的基本语法如下：

template.defaults.imports.filterName = function(value){/*return 处理的结果 */}