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