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ファイルは、Google チャートで必要な json 形式でデータを出力します。つまり、次のようになります。

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

このスクリプトは、データをフォーム ページの chart_div に出力します。しかし、返されたデータを次のようにGoogleチャートに渡すにはどうすればよいですか:

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

Google Chartsスクリプト全体をsuccess関数に入れようとしましたが、これは何も生成せずにページを永久にロードするだけです.

4

1 に答える 1

0

データをjson形式に戻すにはdataTypeasを設定する必要があるため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 に答える