0
我一直在ASP.Net中開發一個Web應用程序,它應該通過Web Service類從數據庫返回信息。 從那裏,我希望將數據綁定到Google Combo圖表。ASP.Net - 無效的Json字符串
的數據可以被綁定到一個網格視圖,所以我知道從數據庫調用工作的方法中,但是當我嘗試將其綁定到圖表I收到錯誤消息:
JSON字符串無效!
DOCTYPE HTML
HTML語言=「EN」
這是使用JavaScript我的第一次,所以我認爲我的JavaScript方法訪問了錯誤的數據,但我不知道我哪裏錯了。 如果有人能讓我知道我做錯了什麼,它將不勝感激。
Default.aspx的
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var jsonData = $.ajax({
url: "Default.aspx/GetChartData",
dataType: "json",
async: false
}).responseText;
var data = new google.visualization.DataTable(jsonData);
var options = {
title: 'Chart Title',
vAxis: { title: 'Scores %' },
hAxis: { title: 'Counties' },
seriesType: 'bars',
series: {
2: {
targetAxisIndex: 1
},
vAxes: {
1: {
title: '1',
textStle: { color: 'red' }
}
}
}
};
var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<asp:GridView ID="Grid1D" runat="server"
AutoGenerateColumns = "true" Font-Names = "Arial"
Font-Size = "11pt" AlternatingRowStyle-BackColor = "#C2D69B"
HeaderStyle-BackColor = "green" AllowPaging ="true"
PageSize = "10" Caption = "1-Dimensional Array">
</asp:GridView>
<div id ="chart_div" style="width:500px;height:400px"></div>
<asp:Literal ID="ltScripts" runat="server"></asp:Literal>
</body>
</html>
我對JSON知之甚少,但是得到你的JSON,並通過這個http://jsonlint.com/來驗證它。讓你對JSON進行修改並重新驗證,這應該有助於你獲得某個地方 –