页面中用js获取菜单栏文字，结果在页面上乱码了，这是怎么回事？求帮忙(字符集都是设置的UTF-8)

Question

一个管理系统，js获取左侧菜单栏的信息，不是直接写死的那种。但是到页面这部分就乱码了，字符集都是设置的utf-8
下面是一部分代码。麻烦大神们看一下。

                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

                <meta charset="utf-8" />

                //上面是head里面的内容。

                var str = "<ul class='nav nav-tabs hidden-xs'>";

                for(var i = 0;i < data.loginInfo.mainMenu.length;i++){

                    str = str

                    + "<li class='select_menu' onclick='getFirstMenu(\""+ i + "\",this)'>"

                    + "<a href='#'>"

                    + "<i class='"+data.loginInfo.mainMenu[i].iconCls+"'></i>"

                    + "<span class='submenu-button'>"

                    + data.loginInfo.mainMenu[i].text

                    + "</span>" + "</a>" + "</li>";

                    getFirstMenu(i,this);

                }

                str = str + "</ul>";

                

                

                

                

                

Answer 1

data里的数据也得是utf-8的编码