本文介绍了在Ajax操作中如何使用模板字符串。重点强调了数据格式与模板引擎的匹配，通常要求服务端返回JSON格式数据。使用模板引擎时，需要引入相关库，如template-web.js，并分为三个步骤：1) 替换模板中的数据占位；2) 指定模板数据的ID；3) 将解析好的模板数据替换指定元素的内容。同时，文章提供了HTML和PHP的示例代码以展示实际效果。
要点：
1、不管什么方式请求数据时，首先要确保服务端响应的数据格式要跟模板字符串使用的格式统一，一般都为JSON格式，在使用模板引擎的代码段中，不要写注释，因为可能会破坏模板引擎的解析规则。
2、模板引擎在js中直接使用，需要引入官网的template-web.js文件，之后分三步：
一、将获取到的服务端的JSON格式的数据（如不是就转换格式），替换{ { $value.属性 }}的值，是通过{ { each 占位变量 }}中的占位变量名来指定的，相当于去掉{ { $value.属性 }}。
二 、通过模板引擎代码段的id属性，来指定替换好数据之后的模板数据（用{}包裹的数据），相当于去掉{ {each 占位变量}}和{ { /each} }。
三、最后通过相关元素的id属性，将完全解析好的模板数据替换指定元素的内容，通过innerText只替换文本，innerHTML还能解析元素，跟前面的js语法可以无缝结合。
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
&l
最低0.47元/天 解锁文章
扫一扫
601
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
