我是靠谱客的博主 满意鼠标,最近开发中收集的这篇文章主要介绍bootstrap-table 请求后端数据 json格式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<div>
<table data-toggle="table"
id="WorkTable"
data-height="246" data-pagination="true">
<thead>
<tr>
<th data-field="state" data-checkbox="true"></th>
<th data-field="WorkOrderId" data-align="right">派工单号</th>
<th data-field="Vmodel" data-align="right">车辆型号</th>
<th data-field="RepairDate" data-align="center">报修日期</th>
<th data-field="CustomerName" data-align="">客户名称</th>
</tr>
</thead>
</table>
</div>

  

<script type="text/javascript">
$(function(){
$.ajax({
type: "GET",
url: "/WorkOrder/WorkOrderData",
dataType: "json",
success: function (msg) {
$("#WorkTable").bootstrapTable('load', msg);
},
error: function () {
alert("错误");
}
});
});
</script>

 前端代码

 public JsonResult WorkOrderData()
{
try
{
var query = db.WorkOrder.OrderBy(sm => sm.status == "0").ToList().AsEnumerable();
return Json(query, JsonRequestBehavior.AllowGet);
}
catch (Exception ex)
{
//获取信息出错
return Json("false");
}
}

  后端代码 

如果你设置返回的响应信息Content-Type为application/json;charset=UTF-8,返回的msg就是json对象。
这时你直接加载就可以。

如果你设置返回的响应信息Content-Type为text/html;charset=UTF-8,返回的msg就是json字符串。
那你需要JSON.stringify(字符串)转为对象再进行加载。

 这里查看参考其他人所改 http://www.cnblogs.com/kingofkai/p/5878676.html

http://blog.csdn.net/jl381169437/article/details/50218279

 

转载于:https://www.cnblogs.com/seanjack/p/6699028.html

最后

以上就是满意鼠标为你收集整理的bootstrap-table 请求后端数据 json格式的全部内容,希望文章能够帮你解决bootstrap-table 请求后端数据 json格式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(33)

评论列表共有 0 条评论

立即
投稿
返回
顶部