通过ajax发送一个JS数组

Question

我在 JS 中有这种类型的数组：

[{
  websitetype: "onepager"
}, {
  layout: "provided"
}, {
  layout_provided: "wireframes"
}, {
  languages: "single"
}, {
  client_name: "dasda"
}, {
  client_email: "asdasd@asdasd.fr"
}, {
  client_conditions: "on"
}, {
  client_newsletter: "on"
}]

我如何通过 Ajax 发送它？

---

我试过的是：

$.ajax({
    type: 'POST',
    url: 'assets/send.php',
    data: {datas},
    success: function(response) { },
});

---

这就是我想在 PHP 中得到的：

[datas] => Array
    (
        [websitetype] => onepager
        [layout] => provided
        [layout_provided] => wireframes
        [languages] => single
        [client_name] => dasda
        [client_email] => asdasd@asdasd.fr
        [client_conditions] => on
        [client_newsletter] => on
    )

请问我在这里缺少什么？

谢谢。

Answer 1

您应该做的第一件事是将该数组缩减为与您想要的格式匹配的对象

const dataObject = Object.fromEntries(datas.flatMap(o => Object.entries(o)))

这看起来像下面这样

{
  "websitetype": "onepager",
  "layout": "provided",
  "layout_provided": "wireframes",
  "languages": "single",
  "client_name": "dasda",
  "client_email": "asdasd@asdasd.fr",
  "client_conditions": "on",
  "client_newsletter": "on"
}

然后，您有两个选项可以将其发布到 PHP

1. 将其作为原始 JSON 发送

   $.ajax({ method: "POST", url: "assets/send.php", contentType: "application/json", data: JSON.stringify(dataObject), processData: false })

   然后在PHP中读取并解析JSON

    $datas = json_decode(file_get_contents("php://input"), true); // example echo $datas["websitetype"]; // "onepager"

2. 或者，让 jQuery 将数据格式化为关联的 PHP 数组

   $.ajax({ method: "POST", url: "assets/send.php", data: { datas: dataObject } })

   这将发布一个application/x-www-form-urlencoded请求正文

   datas%5Bwebsitetype%5D=onepager&datas%5Blayout%5D=provided&datas%5Blayout_provided%5D=wireframes&datas%5Blanguages%5D=single&datas%5Bclient_name%5D=dasda&datas%5Bclient_email%5D=asdasd%40asdasd.fr&datas%5Bclient_conditions%5D=on&datas%5Bclient_newsletter%5D=on

   PHP 可以通过$_POST其作为数组读取

   print_r($_POST['datas']);

   结果是

   Array ( [websitetype] => onepager [layout] => provided [layout_provided] => wireframes [languages] => single [client_name] => dasda [client_email] => asdasd@asdasd.fr [client_conditions] => on [client_newsletter] => on )

Answer 2

将您的数据字符串编码为 JSON。

const datas = [{
  websitetype: "onepager"
}, {
  layout: "provided"
}, {
  layout_provided: "wireframes"
}, {
  languages: "single"
}, {
  client_name: "dasda"
}, {
  client_email: "asdasd@asdasd.fr"
}, {
  client_conditions: "on"
}, {
  client_newsletter: "on"
}]
const jsonString = JSON.stringify(datas)

$.ajax({
    type: 'POST',
    url: 'assets/send.php',
    data: { datas: jsonString },
    success: function(response) { },
});

在您的 PHP 中：

$data = json_decode(stripslashes($_POST['datas']));

// here i would like use foreach:

foreach($datas as $data){
   echo $data;
}