zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    干将莫邪
    Rancher
    Rancher 1.6 版本 只能在 linux 下用
    野蛮人大作战
    Oracle
    Gradle
    正则表达式 我遇到的
    Redis
    NestJS 用TypeScript开发 nodeJS后端
    Koa2
  • 原文地址:https://www.cnblogs.com/seanjack/p/6699028.html
Copyright © 2011-2022 走看看