使用Ajax在同一PHP文件（JSON）中进行POST和GET

Question

我试图通过两个步骤来达到一个结果：

• 我要从HTML（下拉列表）在PHP文件中发布值的第一步：

这是我尝试的：

<select class="pam" >
<option value=""></option>
<?php
$conn_string = "host=localhost port=5432 dbname=pame user=postgres password=";
$conn = pg_connect($conn_string); 
 $sql = pg_query($conn, "SELECT * FROM espece order by nom_com  ASC ");

while($ligne_liste=pg_fetch_array($sql)) {
    echo '<option value="'.$ligne_liste['id_espece'].'">'.$ligne_liste['nom_com']."</option>\n";
}
echo '</select>';
?>

我使用的JS代码：

jQuery(document).ready(function($) { 
      $('select.pam').change(function(){
         $.post ('/charta.php',
            {id_espece:$('select.pam').val()},
           success: function(){  
                  alert('success');
                  window.location = "http://localhost/charta.php";
            } 
            );
         });
    });

我的PHP文件：

<?php  

$user_id = isset($_POST["id_espece"])?$_POST["id_espece"]:"";
$user=conn ($user_id) // conn is a function who return an array from database
$js = json_decode( $user, true );
   ?>
  <?php 
   echo json_encode($js); ?>

问题是即使从下拉列表中选择的值，我也会得到$ _POST（'id_espece'）的值“ NULL”； 但是当我将成功函数替换为：

function(res){ $('#txt').html(res); }

当它返回错误“`”时，它在<div id="txt"></div>但不在PHP文件中返回我想要的结果（JSON输出）。

'未定义的索引：id_espece'`

• 我想将同一PHP文件的输出获取到HTML（div）的第二步：

  如果我们认为PHP文件可以工作并发送了JSON表单，则我尝试像这样在JS文件中获取结果：

   $(document).ready(function(){ $.ajax({ url: "http://localhost/charta.php", method: "GET", success: function(data) { console.log(data); var region = []; var sup = []; for(var i in data) { region.push("region " + data[i].nom_reg_12); sup.push(data[i].aq); } var chartdata = { labels: region, datasets : [ { label: 'Superficie(m²)', backgroundColor: 'rgba(77, 214, 104, 0.75)', borderColor: 'rgba(77, 214, 104, 0.75)', hoverBackgroundColor: 'rgba(77, 214, 104, 1)', hoverBorderColor: 'rgba(77, 214, 104, 1)', data: sup } ] }; var ctx = $("#mycanvas"); var barGraph = new Chart(ctx, { type: 'bar', data: chartdata }); }, error: function(data) { console.log(data); } }); }); 

为确保第二步工作正常，我将$_POST(['id_espece'])替换为默认值，并且PHP文件返回的JSON格式不为空，所以我认为问题出在第一步，我不知道不知道问题出在哪里

Answer 1

为了在$_POST数组中获取表单元素，它必须具有name属性。 更改select元素以使其具有名称：

<select class="pam" name="id_espece">

此外， $.post没有success函数，就像您编写的那样。 格式应为：

$.post ('/charta.php',
    {id_espece:$('select.pam').val()},
    function(data){  
          console.log(data);
          window.location = "http://localhost/charta.php";
    });

Answer 2

编辑 ：从此处看来，您似乎正在向PHP发送JSON格式，因此它无法在$ _POST上进行解析，您需要获取完整的正文。

尝试这个 ：

$data = json_decode(file_get_contents('php://input'), true);
print_r($data);