页面中用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的编码