ES6模板字符串在$.ajax里不起作用

Question

1 ES6模板字符串在$.ajax里不起作用
2 正常的代码：

let title = 1;
let info = 2;
${title}  //显示1
${info}   //显示2

如果放在$.ajax里就不显示，代码：

    $.ajax({
    type: 'get',
    url: 'xxxxx.json',
    dataType: "json",
    success: function(x) {
        //xxxxx.json把数据赋值给db
        let db = x.data;
        let title = db.title;   //title数据是 1
        let info = db.info;   //title数据是 2
        console.log(title); //测试正常 有数据
        $('#id').append('${title} -- ${info}');   //这里不显示
    }
    });

这是为什么？

Answer 1

解决

代码修改为

$('#id').append(`{$title} -- {$info}`);   //这里不显示

原因

双引号""是字符串字面量
而模板字符串的字面量是`,就是tab键上面那个按钮
你这儿引用错了,肯定不生效

建议

类似问题,先直接上mdn看看,那个权威且详尽

Answer 2

{$title} 还是 ${title}？

Answer 3

要用反引号
`
而且看你的代码应该用text而不是append