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>

 前端代碼javascript

 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");
            }
        }

  後端代碼 html

若是你設置返回的響應信息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/50218279java

相關文章
相關標籤/搜索