使用Webmethod从asp.net背后的代码向Javascript传递值

Question

我正在尝试将从数据库查询到的值添加到Google图表条形图中。谷歌搜索后，我尝试通过制作Web方法。

首先我上了一堂课

public class ChartDetails
{
    public string value_type { get; set; }
    public float threshold { get; set; }
}

然后使用Web方法（尚未连接到数据库）

[WebMethod]
    public static List<ChartDetails> GetChartData()
    {
        List<ChartDetails> dataList = new List<ChartDetails>();
        ChartDetails c1 = new ChartDetails();
        c1.threshold = 56;
        c1.value_type = "Observed";
        ChartDetails c2 = new ChartDetails();
        c2.threshold = 33;
        c2.value_type = "Forecast";

        dataList.Add(c1);
        dataList.Add(c2);
        return dataList;
    }

我的脚本以与div相同的形式标签添加，并且具有id =“ chartdiv”：

script type="text/javascript">  
    $(function () {  
        $.ajax({  
            type: 'POST',  
            dataType: 'json',  
            contentType: 'application/json',  
            url: 'Page.aspx/GetChartData',  
            data: '{}',  
            success: function (response) {  
                drawchart(response.d); // calling method  
            },  

            error: function () {  
                alert("Error loading data! Please try again.");  
            }  
        });  
    })  

    function drawchart(dataValues) {    
        var data = new google.visualization.DataTable();  

        data.addColumn('string', 'Type of value'); 
        data.addColumn('float', 'Value');

        for (var i = 0; i < dataValues.length; i++)   
        {  
            data.addRow([dataValues[i].value_type, dataValues[i].threshold] );  
        }  

       var chart =  new google.visualization.ColumnChart(document.getElementById('chartdiv'));  

   chart.draw(data,  
     {  
         title: "Show Google Chart in Asp.net",  
         position: "top",  
         fontsize: "14px",  
         chartArea: { width: '50%' },  
     });  
    }  
</script>

运行页面时，它甚至都不会加载。好像根本没有调用web方法。显然，我缺少了一些我无法识别的东西。我也看到了this type的解决方案，因此我将在下一个尝试。但是很高兴弄清楚为什么这还没有解决。