對于使用easyui tree插件時,有時會出現json數據顯示亂碼的情況。主要是因為easyui tree需要以json格式來呈現數據,而中文字符編碼是utf-8,而easyui默認的是gb2312。因此,我們需要做一些編碼轉換。
$(function(){ $.ajax({ url: 'data.json', dataType: 'json', success: function(data){ var newData = eval('('+data+')'); $('#tree').tree({ data: newData }); } }); });
在我們獲取數據時,需要設置dataType為json,這樣返回的數據才會被解析成json格式的數據。
$(function(){ $.ajax({ url: 'data.json', dataType: 'text', success: function(data){ var newData = eval('('+data+')'); $('#tree').tree({ data: newData }); } }); });
如果我們不設置dataType為text,則easyui tree會默認將返回的數據以gb2312編碼格式解析,從而導致數據顯示亂碼。因此,在獲取數據時,需要設置dataType為text,讓數據以文本格式返回。
在編寫json數據時,也要注意使用utf-8編碼。
[ { "id":"1", "text":"父節點1", "children":[ { "id":"11", "text":"子節點11" } ] }, { "id":"2", "text":"父節點2", "children":[ { "id":"21", "text":"子節點21" } ] } ]
在以上代碼中,我們使用了utf-8編碼格式編寫了json數據,因此easyui tree插件可以正確解析并展示出數據。
通過以上方法,我們可以解決easyui tree插件在展示json數據時出現亂碼的問題,讓我們更方便地使用easyui tree插件來展示數據。
上一篇vue修改body樣式
下一篇vue修改密碼校驗