JoelKamp's questions

我显示一个用户列表，并通过按钮从服务器加载属于他们的订单：

<template>
    <div class="userslist mt-5" v-for="(user,n) of users" v-bind:index="n">
        <a href="#">{{user.name}}</a>
        <button @click="getOrders(user.id)" class="btn btn-primary">Orders</button>
        <div class="userlist__orders" v-for="(order,n) of sortOrders">
            <p>{{order.status}}</p>
        </div>
    </div>
</template>

问题在于，数据来自服务器后，它会用该类填充所有用户的所有块，userlist__orders而不是只为特定用户显示一个块中的内容。如何告诉 Vue 在哪个块中显示信息？

这是一个 Ajax 请求，我向节点发送数据，我使用 serializeToJSON 将 json 带入我需要的形式

$('.btn-send').on('click', function (e) {
        e.preventDefault();
        let json = $('#form').serializeToJSON({
            associativeArrays: true,
        });
        $.ajax({
            method: 'POST',
            url:'http://localhost:3000/',
            data:{
                items: json.Product
            },
            dataType: 'JSON',
            success: function (data) {
                alert(data);
            },
            error: function (err) {
                console.log(err);
            }
        })
    });

在这里，我试图至少成功展示一些东西：

app.post('/', function(req, res) {
    getClick(req, res);
});

function getClick(req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    res.send('Test message');
}

出于某种原因，测试消息作为错误返回，并到达控制台：

{readyState: 4, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function, …}

当然，它包含一条测试消息，但我不明白为什么 Ajax 将其作为错误处理。

有这样的items.json：

[
  {
    "name": "Fluted Guard of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiSxMfcRlFwIBYYpbaaOA9vxv_MdC8M7tq0xoaOzvb2Z7iJxD8GsJIi0--Up9Sh0A2yr0pvZ22iJdXGdVQ5NUaQpAZGHIGG2g"
  },
  {
    "name": "Lion Quiver of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiSxtraRVhmahdbiauwIhFlwb2aImoS7oWwzIPYwqetYeKExm9SsMAg3b7AoNz32QDkqUNtMD2lJdPGbEZgNjYx8IO6"
  },
  {
    "name": "Bow of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiS1cDEHE54GgZYofT2e1cwgKWRc2pB74SyzNbYwfamZL6BwjgF65wn3eyRp96sjVbg_xFofSmtc2nZXSY6"
  }
]

这是 price.json：

{
    "data": [
        {
          "updated_at": 1576048969000,
          "prices": {
            "last": 5300
          },
          "name": "Lion Quiver of the Moon Rider"
        },
        {
          "updated_at": 1576048969000,
          "prices": {
            "last": 2000.12
          },
          "name": "Dragon Sheild"
        }
    ]
}

如何按商品名称匹配 price.json 中的价格？让它看起来像这样：

{
    "name": "Lion Quiver of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiSxtraRVhmahdbiauwIhFlwb2aImoS7oWwzIPYwqetYeKExm9SsMAg3b7AoNz32QDkqUNtMD2lJdPGbEZgNjYx8IO6",
   "price":5300
  }

我试图这样做，但结果是删除了重复的项目并且没有价格：

<?php

$jsonProducts = '[
  {
    "name": "Fluted Guard of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiSxMfcRlFwIBYYpbaaOA9vxv_MdC8M7tq0xoaOzvb2Z7iJxD8GsJIi0--Up9Sh0A2yr0pvZ22iJdXGdVQ5NUaQpAZGHIGG2g"
  },
  {
    "name": "Lion Quiver of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiSxtraRVhmahdbiauwIhFlwb2aImoS7oWwzIPYwqetYeKExm9SsMAg3b7AoNz32QDkqUNtMD2lJdPGbEZgNjYx8IO6"
  },
  {
    "name": "Lion Quiver of the Moon Rider",
    "icon": "-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KW1Zwwo4NUX4oFJZEHLbXK9QlSPcU_oAlcQk2fVOiSxtraRVhmahdbiauwIhFlwb2aImoS7oWwzIPYwqetYeKExm9SsMAg3b7AoNz32QDkqUNtMD2lJdPGbEZgNjYx8IO6"
  }
  ]';

$jsonData = '{
    "data": [
        {
          "updated_at": 1576048969000,
          "prices": {
            "last": 5300
          },
          "name": "Lion Quiver of the Moon Rider"
        },
        {
          "updated_at": 1576048969000,
          "prices": {
            "last": 2000.12
          },
          "name": "T-shirts"
        }
    ]
}';

$data = json_decode($jsonData, true)['data'];

$products = array_column(json_decode($jsonProducts, true), null, 'name');

$result = array_map(function($item) use ($products) {
    $product              = new \stdClass();
    $product->market_name = $products[$item['name']]['name'];
    $product->size        = $products[$item['name']]['size'];
    $product->price       = $item['prices']['last'] ?? null;
    return $product;
}, $data);

$resultJson = json_encode($result);

var_dump($resultJson);