单击按钮后如何将Javascript数组传递给PHP数组？

Question

当按下提交按钮时，我无法在同一页面上将Javascript数组传递给PHP数组。 我在其他文章中看到了关于JSON.stringify和json_encode的讨论，但是我不确定如何在我的代码中使用这些功能。

JS：

    <script>
        var kegs = [];
        var textarea = document.getElementById("your_textarea");
        $("#kegId").on('keyup', function (e) {
            if (e.keyCode == 13) {
                kegs.push($(this).val());
                $("#kegId").val("");
                textarea.value = kegs.join("\n");

                };
            });
    </script>

PHP：

if (!isset($_POST['btn-addkegs'])) {
//I want to set the Javascript array 'kegs' to a php variable here

Answer 1

使用Ajax将为您做到 ！ 我写了这段代码，在同一页面上将数组发送给PHP。 一旦在PHP中获得数组，就可以使用它进行任何操作：） 。只需复制并粘贴此文件，并将其命名为index.php即可查看结果。 这将完全帮助您！

<?php

  $data = array();
   if(isset($_POST['myArray']) && !empty($_SERVER['HTTP_X_REQUESTED_WITH'])){
   $data = 'You array is: ' . $_POST['myArray'];       
   echo json_encode($data);  
   die();      
   }
?>
 <html>
 <head>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

<body>
<div id = "random"></div>

<script type = "text/javascript">

$(document).ready(function() {

var arr = [2,4,5,6,7];
var myArray =  JSON.stringify(arr);

$.ajax({
    url: "index.php",
    method: "POST",
    dataType: "json",
    data: {myArray: myArray},
    success: function (result) {
    alert("result: " + result);
    console.log(result);
  $("#random").html(result);
 }
});

});

</script>

</body>
</html>

Answer 2

这可以通过使用ajax（）来实现，其语法为：

$.ajax({
        url: 'process.php',     // file where data processing is done                   
        type: 'POST',                                  
        data: {
            var1  :val1,
            var2  :val2
            // parameter set
        },
        success: function(response){    // response from process.php
            // do your stuff here
        }
    });

进一步了解ajax

Answer 3

 As you are using the jquery
var jsArray = makeJavascriptArrayhere //
   $.ajax({
            url: urlToPhpFile,     // file where data processing is done                   
            type: Method,                                  
            data:jsArray,
            success: function(response){    // response from process.php
                // do your stuff here
            }
        });

now in your php file 

var_dump($_POST); //see on network liner tabs

单击按钮后如何将Javascript数组传递给PHP数组？

问题描述

3 个解决方案

解决方案1
1 已采纳 2016-11-23 04:25:21

解决方案2
1 2016-11-23 04:25:36

解决方案3
1 2016-11-23 04:36:11

单击按钮后如何将Javascript数组传递给PHP数组？

问题描述

3 个解决方案

解决方案1 1 已采纳 2016-11-23 04:25:21

解决方案2 1 2016-11-23 04:25:36

解决方案3 1 2016-11-23 04:36:11

解决方案1
1 已采纳 2016-11-23 04:25:21

解决方案2
1 2016-11-23 04:25:36

解决方案3
1 2016-11-23 04:36:11