React和Axios有效载荷格式

发布于 2025-02-05 21:32:09 字数 1390 浏览 0 评论 0原文

如果我说错话语，我真的很陌生，请原谅我。因此，现在我有一个简单的Web UI，其中包含一个名称的文本框，然后使用一个类型的Checkmark选择框以及一个提交按钮。

测试代码看起来像这样：

value = "val7";
key = "63";
typeID = 103;
name = "testname";

const onSubmitClick = (event) => {
    axiosPost('testurl',
    {
        Message: {
            Type: typeID,
            Payload: {
                title: null,
                messagebody: null,
                data: {
                    value,
                    key,
                },
            },
            Delivery: {
                Name: [{"Name": name}]
            }
        }
    })
}

当我按提交时，有效负载看起来像这样：

{
    "Message": {
        "Type": 103,
        "Payload": {
            "title": null,
            "messagebody": null,
            "data": {
                "value": "val17",
                "key": "63"
            }
        },
        "Delivery": {
            "Name": [{
                "Name": "testname"
            }]
        }
    }
}

但是，我需要有效负载的数据部分看起来更像：

{
    "Message": {
        "Type": 103,
        "Payload": {
            "title": null,
            "messagebody": null,
            "data": {
                "val17": "63"
            }
        },
        "Delivery": {
            "Name": [{
                "Name": "testname"
            }]
        }
    }
}

我该怎么做？

原文

I'm really new to this so forgive me if I word things wrong.
So right now I have a simple web UI with a text box for a Name, and then a checkmark selection box for a type, along with a submit button.

Test code looks something like this:

value = "val7";
key = "63";
typeID = 103;
name = "testname";

const onSubmitClick = (event) => {
    axiosPost('testurl',
    {
        Message: {
            Type: typeID,
            Payload: {
                title: null,
                messagebody: null,
                data: {
                    value,
                    key,
                },
            },
            Delivery: {
                Name: [{"Name": name}]
            }
        }
    })
}

and when I press submit, the Payload looks like this:

{
    "Message": {
        "Type": 103,
        "Payload": {
            "title": null,
            "messagebody": null,
            "data": {
                "value": "val17",
                "key": "63"
            }
        },
        "Delivery": {
            "Name": [{
                "Name": "testname"
            }]
        }
    }
}

However, I need the data portion of the payload to look more like this:

{
    "Message": {
        "Type": 103,
        "Payload": {
            "title": null,
            "messagebody": null,
            "data": {
                "val17": "63"
            }
        },
        "Delivery": {
            "Name": [{
                "Name": "testname"
            }]
        }
    }
}

How do I go about doing this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

风吹短裙飘 2025-02-12 21:32:09

制作：
key ='val7'
='63'

值

{
        Message: {
            Type: typeID,
            Payload: {
                title: null,
                messagebody: null,
                data: {
                    [key]: value
                },
            },
            Delivery: {
                Name: [{"Name": name}]
            }
        }
    }

make:
key = 'val7'
value = '63'

in request

{
        Message: {
            Type: typeID,
            Payload: {
                title: null,
                messagebody: null,
                data: {
                    [key]: value
                },
            },
            Delivery: {
                Name: [{"Name": name}]
            }
        }
    }

回复收藏 0 原文

~没有更多了~