jquery easyui怎么实现前后台数据的交互

Posted 2023-03-15

easyUI基本都是通过ajax发送地址到后台进行数据的交互的
比如使用datagrid列表，做法如下：
<div id="dg"></div>
jq：
$("#grid").datagrid( //datagrid插件的用法
url: "/Log/GetLogData", //发送地址进行数据获取
title: "日志列表",
iconCls: "icon-view",
width: 1000,
queryParams: queryData,
pagination: true,
pageSize: 15,
pageList: [15, 30, 50],
rownumbers: true,
columns: [[

field: 'ck',
checkbox:true,
,
title: '日志内容',
field: 'logContent', //这里字段必须和返回的sql数据名一致
width: 300
,
title: '日志添加时间',
field: 'logTime',
width:150
,
title: 'IP',
field: 'IP',
width:100

]]
);


后端：
public ActionResult GetLogData()
return Json(xxx); //注意datagrid返回的是json格式的。

参考技术A easyui的各个插件跟后台通讯一般来说使用url参数，复杂的可以自己写ajax，并且有些插件还提供类似load，reload之类的方法来载入数据，查看一下文档吧本回答被提问者和网友采纳 参考技术B 通过ajax。