單擊按鈕后如何將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