Ajax表单返回变量到php

Question

我还有一个问题：

Ajax表单运行良好。他们大多数需要做的东西，只有返回值，如果该条目可以写或不。我只用了回声。例如回声“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中返回这些值到我的身边呢？

Answer 1

避免将数组自己转换为字符串。如果你需要传递一个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); 

我们可以从我们的jQuery提醒message是这样的：

success: function (response) { 
    alert(response.message); 
} 

Answer 2

这里最好的方法是返回一个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"); 
     } 
    } 
});