easyui作為一款基于jQuery的UI框架,提供了很多兼容性良好、易于使用的UI組件和工具。其中,json交互是easyui中非常常用的一種方法。
$.ajax({ type: "post", url: "data.json", dataType: "json", success: function(data){ $('#dg').datagrid('loadData',data); }, error: function(){ $.messager.alert('錯誤', '數(shù)據(jù)加載失??!', 'error'); } });
上面的代碼是一個異步請求數(shù)據(jù)的例子。其中,$.ajax()
是jQuery提供的一個異步請求的方法,通過這個方法可以向服務器端發(fā)送請求,獲取數(shù)據(jù),并通過success
函數(shù)將數(shù)據(jù)傳遞給前端頁面。在這個例子中,我們獲取的json數(shù)據(jù)是存放在同目錄下的data.json
文件中的,所以請求的url
是data.json
。
在獲取數(shù)據(jù)后,我們需要將它加載到easyui的組件中,比如上面的例子將數(shù)據(jù)加載到了datagrid
表格中,通過$('#dg').datagrid('loadData',data);
這句代碼實現(xiàn)了數(shù)據(jù)加載。
最后,需要注意的是,異步請求中可能會出現(xiàn)錯誤,我們可以通過error
函數(shù)來處理這種錯誤情況。上面的例子中,當數(shù)據(jù)加載失敗時,通過$.messager.alert()
方法彈出錯誤消息提示框。
上一篇Python 程序猿表白
下一篇c 將字典轉為json