0

我使用以下脚本从表单加载数据。

$(document).ready(function() {
    $('#submit').click(function(e) {
        e.preventDefault();

        var str = $("form").serialize();

        $.ajax({
            type : 'GET',
            url : 'json.php',
            dataType : 'html',
            data: str,
            success: function(data) {
                var data1 = data
                $('#chart_div').text(data1) 
            }
        });

        return false;
    });
});

该json.php文件以谷歌图表所需的 json 格式打印数据，即：

{cols: [{id: '0', label: 'time', type: 'string'},{id: '0', label: 'Albania', type: 'number'}],rows:[{c:[{v: '1971'},{v: 2188650},]},{v: 3204284},]}]}

此脚本将数据打印到表单页面上的 chart_div。但是如何将返回的数据传递给谷歌图表，如下所示：

var data = new google.visualization.DataTable(data);

我试图将整个谷歌图表脚本放在成功函数中，但这只会使页面永远加载而不会产生任何东西。

4

1 回答 1

0

因为您必须设置dataTypeasjson才能将数据返回为 json 格式

$.ajax({
    type : 'GET',
    url : 'json.php',
    dataType : 'json',
    data: str,
    success: function(data){
    // data return the data in json format
    }
});

从链接ajax检查以下内容

于 2012-10-16T10:11:50.983 回答