我需要将 html 表单中的对象作为 json 字符串发送，但我有一个字符串

Question

我尝试向我的休息控制器发送一个 ajax 请求以编辑对象用户。其中一个字段是角色列表。每个角色都有 ID 和名称，但是当我填写表格时，我将此选项作为其名称的文本放在选择字段中。这是片段：

 $.ajax({
                        url: '/api/roles/',
                        method: 'get',
                        dataType: 'json',
                        contentType: "application/json",
                        success: function (result) {
                            $('#roles').empty();
                            $.each(result, function (k, v) {
                                var option = new Option(v.name, v.name);
                                $("#roles").append(option);
                            });

                        }
                    })

当我发送表单值时，角色列表以字符串列表的形式出现，因此其余控制器创建了一个没有 id 字段的对象。修复它的最佳方法是什么？我是这样发送的：

 $.ajax({
            url: '/api/users',
            async: true,
            // dataType: 'json',
            contentType: "application/json",
            type: "PUT",
             data:
             JSON.stringify(   {
                id : jQuery('#id').val(),
                username: jQuery('#username').val(),
                password: jQuery('#password').val(),
                roles : jQuery('#roles').val()

            })

        })

Answer 1

您的 ajax 调用来填充选择列表

var option = new Option(v.name, v.name);
$("#roles").append(option);

在 HTML 中创建一个选项元素，如

<option value="name">name</option>

您通过第二个 ajax 调用发送的数据包括所选选项元素的 value 属性。如果您需要“/api/users”控制器的角色 id，您只需首先设置 id。

所以只需以类似的方式启动选项元素

var option = new Option(v.name, v.id);
$("#roles").append(option);

你会得到

<option value="id">name</option>

这样在调用 jQuery('#roles').val() 时，您将获得 /api/users 脚本的所选角色的 id。