查詢事件
function btnQuery()
{
$("#btnQuery").click(function () {
var vUrl = "@Url.Content("~/SysManage/User/getUserInfo")";
var vUserNo = $("#txtUserNo").val();
var vUserName = $("#txtUserName").val();
var vdata;
$.ajax({
url: vUrl,
type: "post",
dataType: 'json',
async: false,
data: { strUserNo: vUserNo, strUserName: vUserName },
success: function (result, status, xhr) {
$table.bootstrapTable('load', result);
},
beforeSend: function (xhr) {
},
complete: function (xhr, status) {
},
error: function (xhr, status, error) {
}
});
});
}
console.log(result)的結果:
[
{
"ID": 1,
"USERNO": "245",
"USERNAME": "123",
"USERPWD": null,
"USERTEL": null,
"USERMAIL": null,
"CREATE_USER": null,
"CREATE_DATE": null,
"UPDATE_USER": null,
"UPDATE_DATE": null
}
]
如果設定一個變量var data1,console.log(result)出來的結果賦給這個變量,如下:
var data1=[
{
"ID": 1,
"USERNO": "245",
"USERNAME": "123",
"USERPWD": null,
"USERTEL": null,
"USERMAIL": null,
"CREATE_USER": null,
"CREATE_DATE": null,
"UPDATE_USER": null,
"UPDATE_DATE": null
}
]
bootstrap-table又是可以顯示的。
抓包调试下,返回的result是什么,是单个变量还是数组。
可能是没有取到值,用弹出窗口弹出一下所要的值
可能是请求的 URL 错误或者响应数据跟 table 预期的数据格式不一致。
F12 看看浏览器控制台有没有错误信息。
用bootstrap-table.js。这个插件 吧。好用
1.在你的table标签中加入data-toggle="table",如:
<table id="MainTable" data-toggle="table">
</table>
若还不行,则看下一步
2.先销毁表格,再初始化
$table.bootstrapTable('destroy');
$table.bootstrapTable('load', result);
若还是不行,使用下一步
3.使用$table.bootstrapTable('load', {data : result } );传递
还是不行,则看下一步
4.可能result在这里面是关键字,换成其他参数,如res接收,传递,试下。如:
success: function (res, status, xhr) {
$table.bootstrapTable('load',res);
},