2

別の質問があります:

Ajax フォームはうまく機能しています。それらのほとんどは mysql を行う必要があり、エントリが書き込まれたかどうかにかかわらず値を返すだけです。私はエコーステートメントだけを使用しました。たとえば、エコー "1"; 値を書き込める場合は "2" をエコーし​​ます。値を書き込めなかった場合。

ここで、3 つの変数をコールバックする必要があります。それらを配列に書き込むことができることを知っています。私の問題は、この変数を可視サイトに返すことができないということです。

これは私の JavaScript コードです:

//Show statistic
$('.statistic_submit').click(function(){
    if ($('#month').val() == 'none' || $('#year').val() == 'none') {
        $("#dialog_empty").dialog( "open" );
        return false;
    }

    var form = $('#statistic_view');  
    var data = form.serialize(); 

    $.ajax({
        url: "include/scripts/user_statistic.php",
        type: "POST",
        data: data,
        success: function (reqCode) {
            if (reqCode == 1) {
                //Show generated table
                $('.done').fadeOut('slow'); 
                $('.done').fadeIn('slow');
            }
            if (reqCode == 2) {
                //No values found
                $('.done').fadeOut('slow');
                $("#dialog_error").dialog( "open" );
            }
        }
    });
    return false;
});

これは私のhtmlコードです:

<div>
    <form id="statistic_view" action="include/scripts/user_statistic.php" method="post">
        <select name="month" id="month">
            <option value="none" class="bold italic">Monat</option>
            <?php 
                for($i=1; $i<=12; $i++){
                    if($i == $month)
                        echo "<option value=\"".$i."\" selected>".$month_name[$i]."</option>\n";
                    else
                        echo "<option value=\"".$i."\">".$month_name[$i]."</option>\n";
                }
            ?>
        </select>
        <select name="year" id="year">
            <option value="none" class="bold italic">Jahr</option>
            <?php 
                for($i=2012; $i<=$year; $i++){
                    if($i == $year)
                         echo "<option value=\"".$i."\" selected>".$i."</option>\n";
                    else
                        echo "<option value=\"".$i."\">".$i."</option>\n";
                }
            ?>
        </select>
        <br/><br/>
        <div id="user_statistic">
            <input type="submit" id="small" class="statistic_submit" value="Daten anzeigen">
        </div>
    </form> 
    <br />
    <div class="done">
        <p class="bold center"><?php echo "Besucher ".$month_name[$month]." ".$year; ?></p>
        <canvas id="cvs" width="680" height="250">[No canvas support]</canvas>
        <script>
            chart = new RGraph.Line('cvs', <?php print($data_string) ?>);
            chart.Set('chart.tooltips', <?php print($labels_tooltip) ?>);
            chart.Set('chart.tooltips.effect', 'expand');
            chart.Set('chart.background.grid.autofit', true);
            chart.Set('chart.gutter.left', 35);
            chart.Set('chart.gutter.right', 5);
            chart.Set('chart.hmargin', 10);
            chart.Set('chart.tickmarks', 'circle');
            chart.Set('chart.labels', <?php print($labels_string) ?>);        
            chart.Draw();
        </script>
    </div>
</div>

そして、これは私のuser_statistic.phpです：

... (mysql stuff)
    /******************************/
    /** Create diagram
    /******************************/
    $labels = array();
    $data   = array();

    for ($j=1; $j<=$days; $j++) {
        $labels[$j] =$j;
        $data[$j] = $day_value[$j];
    }

    // Aggregate all the data into one string
    $data_string = "[" . join(", ", $data) . "]";
    $labels_string = "['" . join("', '", $labels) . "']";
    $labels_tooltip =  "['" . join("', '", $data) . "']";

    //data written 
    echo "1";

したがって、「1」をエコーし​​ます。スクリプトにすべて問題ないことを伝えます。しかし今、$data_string、$labels_string、$labels_tooltip が必要です。では、これらの値を user_statistic.php から自分の側に戻すにはどうすればよいでしょうか?

4

2 に答える 2

2

自分で配列を文字列に変換することは避けてください。PHP 配列を jQuery に戻す必要がある場合は、次のjson_encode関数を使用してください。

echo json_encode( $array );

これは、クライアント側で処理できる JSON オブジェクトとして取得されます。JSON 文字列が$.ajaxメソッドのコールバックに返されます。

$.ajax({
  url: "include/scripts/user_statistic.php",
  type: "POST",
  data: data,
  dataType: 'json',
  success: function ( response ) {
     /* response is your array, in JSON form */
  }
});

たとえば、PHP スクリプトが次のことを行ったとします。

$response = array(
  'message' => 'Success',
  'allData' => array( 'Jonathan', 'Mariah', 'Samuel', 'Sally' )
);

echo json_encode( $response );

message次のように jQuery からアラートを出すことができます。

success: function ( response ) {
   alert( response.message );
}
于 2012-05-24T22:03:22.067 に答える
1

ここでの最善のアプローチは、json オブジェクトを返すことです。サーバー側でアレイを作成します -

$response['error_code'] = '1'; //everything ok. 0 if not ok
$response['data_string'] = 'this will have some data';
$response['labels_string'] = 'labels';
$response['labels_tooltip' = 'here goes the tooltips';
echo json_encode($response);

そしてあなたのJavaScriptコードで、戻りデータ型をjsonとして言及してください -

$.ajax({
    url: "include/scripts/user_statistic.php",
    type: "POST",
    data: data,
    dataType: json,
    success: function (reqCode) {
        if (reqCode.error_code == 1) {
            alert('this is the data string '+resCode.data_string);
            //Show generated table
            $('.done').fadeOut('slow'); 
            $('.done').fadeIn('slow');
        }
        if (reqCode.error_code == 2) {
            //No values found
            $('.done').fadeOut('slow');
            $("#dialog_error").dialog( "open" );
        }
    }
});
于 2012-05-24T22:07:23.053 に答える