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