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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM