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