将JavaScript阵列传递到PHP

我正在尝试学习如何将数组传递给PHP，警报('Success'(确实显示了，但我认为该值确实不会传递给PHP，因为PHP中的警报不显示。

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
      function submit(){
        var TableData = {"table1":"sample1","table2":"sample2","table3":"sample3"};
        var Data = JSON.stringify(TableData);
        $.ajax({
          type: "POST",
          url: "getInfo.php",
          data: {pTableData : Data},
          success: function(){
            alert('Success');
          }//success
        });
    }//submit();
    </script>
  </head>
  <body>
    <div>
      <button type = "button" onclick = "submit();">SUBMIT</button>
    </div>
  </body>
</html>

我的php代码：

<?php
  $table = json_decode($_POST['pTableData']);
  $msg = $table['table1'];
  echo '<script>alert("';
  echo $msg;
  echo '");</script>';
?>

非常感谢您！

您需要将响应检索到成功函数中。另外，在PHP中，您必须通过$table = json_decode($_POST['pTableData'], true);，否则它返回为对象而不是数组

<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
      function submit(){
        var TableData = {"table1":"sample1","table2":"sample2","table3":"sample3"};
        var Data = JSON.stringify(TableData);
        $.ajax({
          type: "POST",
          url: "get_info.php",
          data: {pTableData : Data},
          success: function(result){ //retrieve data
            alert('Success');
            alert(result); //alert it
          }//success
        });
    }//submit();
    </script>
  </head>
  <body>
    <div>
      <button type = "button" onClick = "submit();">SUBMIT</button>
    </div>
  </body>
</html>

PHP代码：

<?php
  $table = json_decode($_POST['pTableData'],true);
  $msg = $table['table1'];  
  echo $msg;  
?>

好吧，正如我所知，您希望您的PHP脚本(在后端(向您显示警报。因此，这是不可能的，因为alert()-是一种JavaScript方法，因此可以说应该在用户浏览器内部对其进行评估，以查看由PHP脚本引起的警报。此外，不要混淆back-end和front-end定义。正如我已经说过的，php-是一种后端语言，因此不能直接与最终用户交互。有JavaScript和HTML语言(前端(可满足这种需求。

尝试将JavaScript代码修改为这样的东西：

$.ajax({
    type: "POST",
    url: "getInfo.php",
    data: {pTableData : Data},
    dataType: "html",
    success: function(data){
        $('body').append(data);
    } //now it will insert the code your PHP script produced on a back-end 
      //onto the page's body, so, you are gonna see an alert only if the PHP 
      //have actually echoed a correct HTML back to the JavaScript on that context
});

您也可能对诸如console.log()(的功能(感兴趣(它不是JavaScript标准 - 它的实现取决于您要使用的浏览器；它在WebKit，Gecko，Gecko和最新的Microsoft浏览器中工作。可以说，不应在部署的项目中使用。因此，您可以将success方法修改为console.log(data);之类的方法。完成AJAX请求后，打开开发人员控制台(默认情况下，在大多数WebKit浏览器中(，看看会发生什么。

相关内容

最新更新

热门标签：