json數據不顯示在jqgrid

我正在創建jqgrid，但json加載顯示的區域未定義。json數據不顯示在jqgrid

我無法弄清爲什麼數據顯示爲未定義。下面是我的代碼：

$(document).ready(function(){ 
    $.ajax({ 
     type : "POST", 
     url : "../ShowUploadedCSVFile", 
     success : function(response) { 
      showJQgrid(response); 
     }, 
     error : function() { 
      alert("Failure"); 
     } 
    }); 
    function showJQgrid(Data) 
    { 
     $("#showCSVList").jqGrid("clearGridData"); 
     var grid = $('#showCSVList'); 
     if (grid[0].grid == undefined) 
     { 
     } 
     else 
     { 
      delete grid; 
      $('#showCSVList').GridUnload('#showCSVList'); 
     } 
     var parse = Data; 
     global = parse; 
     var Jsj = eval('(' + parse + ')'); 
     var colNames = new Array(); 
     var colModel = new Array(); 
     var j = 0; 
     for (var i = 0; i < Jsj.Header.length; i++) 
     { 
      colNames.push(Jsj.Header[i]); 
      colModel.push({ 
       name : Jsj.Header[i], 
       index : Jsj.Header[i], 
       width : '75%', 
       align : 'left', 
       editable : true 
      }); 
     } 
     $('#showCSVList').jqGrid({ 
      datatype : 'local', 
      colNames : colNames, 
      colModel : colModel, 
      scrollOffset : 0, 
      pager : '#showCSVPager', 
      rowNum : 5, 
      loadonce : true, 
      multiselect : true, 
      rowList : [ 5, 10, 20, 50 ], 
      viewrecords : true 

     }); 
     for (var i = 0; i < Jsj.data.length; i++) 
     { 
      jQuery("#showCSVList").jqGrid('addRowData', i+1, Jsj.data[i]); 
     } 
     $("#showCSVList").jqGrid('setGridHeight', $("#center").height()); 
     $("#showCSVList").navGrid("#showCSVPager", { 
      edit : false, 
      add : false, 
      del : true 
     }); 
     $("#showCSVList").jqGrid('inlineNav', "#showCSVPager"); 
    } 
});

我的JSON文件是：

{ 
    "Header": ["Name", "Party", "Province", "Age", "Gender"], 
    "data": [{ 
     "Name": "Mourani, Maria", 
     "Age": "43", 
     "Gender": "Female", 
     "Party": "BlocQuebecois", 
     "Province": "Quebec" 
    }, { 
     "Name": "Sellah,Djaouida", 
     "Age": "30", 
     "Gender": "Female", 
     "Party": "NDP", 
     "Province": "Quebec" 
    }, { 
     "Name": "St-Denis,Lise", 
     "Age": "72", 
     "Gender": "Female", 
     "Party": "NDP", 
     "Province": "Quebec" 
    }] 
}

這樣產生的輸出：

enter image description here

來源

2014-07-17 Mayur

的問題是與以下幾行;

var parse = Data; 
global = parse; 
var Jsj = eval('(' + parse + ')');

因爲您是使用JSON數據的工作，你不需要它的eval，如果你傳遞一個字符串，你應該使用JSON.parse()反正。上述更改爲：前

var Jsj = Data;

周圍有頁腳顯示其他一些問題是不正確，遺憾的是我沒用過的jqGrid（我喜歡datatables.net plugin）。我也建議你從變量名，遠離像parse，同時嚴格是不是保留字是混亂

jsFiddle Demo

來源

2014-07-17 10:08:42 jammykam

感謝@jammykam但我得到的錯誤，因爲我通過我的Ajax響應我的showJqGrid （Data）我得到的錯誤TypeError：Jsj.Header is undefined \t for（var i = 0; i Mayur

@Mayur嘗試添加'dataType：「json」'屬性到您的$ .ajax請求強制MIME類型爲json：http://api.jquery.com/jquery.ajax/ – jammykam

我已經嘗試過但未能正常工作 – Mayur

json數據不顯示在jqgrid

回答

相關問題