通过Ajax将JS数组传递到PHP

Question

通过Ajax将JS数组传递到PHP

3

我有一个JavaScript数组，需要将其转换为PHP数组。所以我有这段代码，我也尝试过其他代码，但都没有成功。

以下是代码：

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
 <div id="res" style="border: 1px solid black; width: 400px; height: 200px;"></div>
 <br>
 <input type="file" name="img[]" id="img" multiple>
 <input type="submit" name="submit" id="submit">
 <script>
  var array = new Array();
  $('#img').change(function() {
   var img = $('#img').val().split('\\').pop();
   array.push(img);
   document.getElementById('res').innerHTML = array;
  });
  $('#submit').click(function() {
   var send_data = JSON.stringify(array);
   $.ajax({
    type: "POST",
    enctype: "multipart/form-data",
    url: "test.php",
    data: {send_data:send_data},
    datatype: "JSON",
    success: function(data) {
    }
   });
  });
 </script>
</body>
</html>

我的 test.php 文件

<?php 
$data = $_POST['send_data'];
$decoded = json_decode($data, true);
var_dump($decoded);
?>

- user11264446

什么错误？ - Alberto Sinigaglia

@AlbertoSinigaglia 的 PHP 代码没有返回数组。 - user11264446

尝试在浏览器控制台中记录请求之前数组中的内容。 - Alberto Sinigaglia

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mostafa Fahimi · Answer 1

HTML && Javascript 示例代码：

function validateForm() {
let formData = {
        'name': $('input[name=name]').val(),
        'email': $('input[name=email]').val(),
        'message': $('textarea[name=message]').val()
    };
    //Prevent page from refresh after sending message (ajax)
    $.ajax({
        url: "./assets/php/contact_me.php",
        type: "POST",
        data: formData,
        success: function (data, textStatus, jqXHR) {
            if (data.code)
                $('#status').text(data.message);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('#status').text("Error");
        }
    });
}

<a class="btn" onclick="validateForm()">Send Message</a>

<!-- Status text -->
<div id="status" class="text-danger pb-2"></div>

PHP 代码：

<?php

$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

header('Content-Type: application/json');
if (strlen($name) < 3){
    print json_encode(array('message' => 'Name is too short', 'code' => 0));
    exit();
}
if ($email === ''){
    print json_encode(array('message' => 'Email cannot be empty', 'code' => 0));
    exit();
} else {
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        print json_encode(array('message' => 'Email format invalid.', 'code' => 0));
        exit();
    }
}
if (strlen($message) < 5){
    print json_encode(array('message' => 'Message is too short', 'code' => 0));
    exit();
}
print json_encode(array('message' => 'successfull!', 'code' => 1));
exit();

- Rounin · Answer 2

我在JavaScript中有一个数组，需要将其转换为PHP数组。

在进行POST之前，您可以将JavaScript数组（称为myDataAsJSArray）转换为JSON字符串：

let myDataAsJSON = JSON.stringify('myDataAsJSArray');

在 POST 后，您可以将 JSON 字符串转换为一个 PHP 数组：

$My_Data_As_PHP_Array = json_decode($_POST['myDataAsJSON'], TRUE);

请注意，如果您在上面省略了可选的TRUE参数，PHP将把您的JSON转换为PHP对象，而不是PHP数组。

更多阅读：

https://www.php.net/manual/en/function.json-decode.php