easyui是怎么获取数据库数据的

easyui是怎么获取数据库数据的,第1张

easyui自带有 loadData 方法,下面有两种加载数据方法:

<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>

function strToJson(str) {

var json = eval('(' + str + ')')

return json

}

1.加载静态数据方法

var htmls = "[{'ID':'FI-SW-01','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':10.00,'mname':'P','uname':36.50,'pname':'Large','pcode':'EST-1'}]"

$('#tt').datagrid('loadData', strToJson(htmls))

2.ajax动态加载数据方法(支持后台数据库)

$.ajax({

url: "/index/index",

data: { id: 1, code: "101" },

datatype: "json",

type: "POST",

traditional: true,

success: function(data) {

$('#tt').datagrid('loadData', strToJson(data))

}

})

返回的data数据格式为方法1中的htmls字符串格式。

希望对你有帮助。

你好!

可以通过jquery.form.js来解决。

<form>

标题:<input type="text" name="title" /><br />

内容:<textarea name="content"><textarea/><br />

<button>提交</button>

</form>

$('button').on('click', function() {

$('form').on('submit',

function() {

var title = $('inpur[name=title]').val(),

content = $('textarea').val()

$(this).ajaxSubmit({

type: 'post', // 提交方式 get/post

url: 'your url', // 需要提交的 url

data: {

'title': title,

'content': content

},

success: function(data) {

// data 保存提交后返回的数据,一般为 json 数据

// 此处可对 data 作相关处理

alert('提交成功!')

}

$(this).resetForm()// 提交后重置表单

})

return false// 阻止表单自动提交事件

}

)

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9916974.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-03
下一篇 2023-05-03

发表评论

登录后才能评论

评论列表(0条)

保存