js怎么获取后台传到html页面的数据,从后台获取数据通过ajax的形式渲染到浏览器...

title: 从后台获取数据通过ajax的形式渲染到浏览器

tags: ajax

categories: angularJS

date: 2017-11-6

1. 首先先写静态页面，也就是死的文件，把样式调好，确保没有问题

2. 然后下载模板引擎，下载jquery

npm i template -D -S

npm i jquery -D -S

D是--dev的简写，依赖的意思，S是--save的简写

3. 在html文件里引入jquery以及模板js

4. 把之前的死页面的相关从后台获取数据的代码注释掉或者删除，用模板来写，example:

{ {each result as value i}}

{ {value.title}}

{ {/each}}

5. ajax的写法

// main外层li的ajax请求渲染

$.ajax({

// 数据请求

url: "http://157.122.54.189:9090/api/getcategorytitle",

// 类型是get

type: "get",

// 请求数据成功后的回调函数

success: function (data) {

// 获取数据内容

var html = template("listclass", data);

// 渲染到前端

// #lis_list是你原来html死页面的大的div或者ul，这里是ul

$("#lis_list").html(html)

}

});

6. 成功案例：

6.1 html内容

产品分类-慢慢买比价网

{ {each result as value i}}

{ {value.title}}

{ {/each}