easyui框架前后端交互_jquery easyui怎么实现前后台数据的交互
展开全部要看你用easyui的哪个组件了,一般官网上都有,我拿一个很简单的例子来说:32313133353236313431303231363533e4b893e5b19e31333363376438使用datagriddata-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true">……这里的data-opt
展开全部
要看你用easyui的哪个组件了,一般官网上都有,我拿一个很简单的例子来说:32313133353236313431303231363533e4b893e5b19e31333363376438
使用datagrid
data-options="url:'datagrid_data.json',fitColumns:true,singleSelect:true">
……
这里的data-options里有url的参数,可以换为后台url地址,而后台只要返回一个符合要求的json格式的数据过来就可以了。这里的json格式可以看看官网里的要求格式。
还有一种方法是使用js来加载数据:
页面代码比较简单:
js代码这么写:$('#dg').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});
在url里写好后台url的路径就可以了,后台同样是返回一个json给页面。
再者,你想要提交数据给后台?
那么我就说一般情况,就是使用按钮点击提交
可以用form表单提交, action指定后台确定的url,
要么你可以在js中,取得想要传递给后台的数据,写一个$.post或者$.ajax等方法去将数据传递给后台去处理。
这是ajax请求后台的模板:$.ajax({
type: 'post',
url: 'url', // this is the url for backend java program
data: {'data_post': data_post}, // the data you want to post to backend.
success: function(result){
alert('success');
}
})
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)