今天我來分享一下easyui如何請(qǐng)求json文件。
首先,我們需要知道什么是json文件。JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式。它是基于JavaScript的一個(gè)子集。可以通過JavaScript中的函數(shù) JSON.parse() 將 JSON 文本格式轉(zhuǎn)換成為 JavaScript 對(duì)象。
接下來,我們需要在HTML頁面中引入jquery和easyui的js和css文件。
接下來我們來看一下請(qǐng)求json文件的代碼。// 定義grid
$('#dg').datagrid({
url: 'data.json', // 規(guī)定json文件所處的路徑
columns: [[
{ field: 'name', title: '姓名', width: 100 },
{ field: 'age', title: '年齡', width: 100 },
{ field: 'address', title: '地址', width: 100 }
]]
});
以上代碼中,我們使用 easyui 中的datagrid來展示請(qǐng)求到的json數(shù)據(jù)。其中 url 屬性指定了 json 文件所在的路徑。columns 是datagrid所需要展示的列。
至此,easyui如何請(qǐng)求json文件就介紹完成了。若有不清楚的地方,可以參考 easyui 官網(wǎng)的demo或者留言詢問。上一篇vue做字典映射
下一篇vue做商城 seo