es6 字符串模板

最新推荐文章于 2025-05-24 12:00:04 发布

uNlanD

最新推荐文章于 2025-05-24 12:00:04 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： JS

本文链接：https://blog.youkuaiyun.com/qq_42610806/article/details/81328255

JS 专栏收录该内容

20 篇文章

订阅专栏

let arr = ['first', 'second', 'third']; 

let ul = `<ul> <li>${arr[0]}</li> <li>${arr[1]}</li> <li>${arr[2]}</li> </ul>`; 

let normalUl = '<ul>\ <li>'+arr[0]+'</li>\ <li>'+arr[1]+'</li>\ <li>'+arr[2]+'</li>\ </ul>'; 

document.getElementById('container').innerHTML = ul; 

document.getElementById('normal-container').innerHTML = normalUl;

重点应该是`，这个符号，再用赋值的方式用${ }的形式把调出数据。

最后使用x.innerHTML=str的方式调用。

 $.ajax({
        type: "get",
        url: "/SearchManage/Search/GetAreaStationInfo",
        dataType: "json",
        async: true,
        data: {
            _d: new Date()
        },
        success: function (data) {
            var str1 = '';
            var str2 = '';
            for (var i = 0; i < data.AllStationType.length; i++) {
                str1 += `<option>${data.AllStationType[i]}</option>`;
            }
            $("#general").html(str1);