javascript - jquery 数据元素的语法

Question

我正在尝试使用 ajax 将两个字符串传递给此脚本的代码隐藏方法:

<script type="text/javascript">
        $(function () {
            $('#updateMember').click(function () {
                var ar = $(this).closest('.details').prev('.heading').prop('id');
                $.ajax({
                    type: "POST",
                    url: 'team-members.aspx/UpdateTeamMember',
                    data: JSON.stringify({ "ID": + ar + "," + "Name" + ":" + $('#tmname').val() }),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: fnsuccesscallback,
                    error: fnerrorcallback,
                });
            });

            function fnsuccesscallback(data) {
                console(data);
                window.location.reload();
            }
            function fnerrorcallback(result) {
                console.log(result);
            }
        });
    </script>

我是 jquery 的新手，我不确定我做错了什么，但我想我错误地使用了引号，因为在代码隐藏方法中我得到了 ID 参数的正确值，并且为 null用于名称。

Name 是从 ID='tmname' 的文本框获取值的参数，ID 从变量 ar 获取值，如代码所示。

有人知道我的 Name 参数有什么问题吗？

Answer 1

只需更改这一行

data: JSON.stringify({ "ID": + ar + "," + "Name" + ":" + $('#tmname').val() }),

为此...

data: {ID: ar ,Name: $('#tmname').val() },

或者这个...

data: JSON.stringify({ "ID": ar, "Name": $('#tmname').val() }),

顺便说一句，我很确定您还需要在函数调用中包含数据，以便将来自 ajax 调用的数据实际传递给函数。虽然我可能是错的

dataType: "json",
success: fnsuccesscallback(data),
error: fnerrorcallback(result),

或者..

dataType: "json",
success: function(data){ fnsuccesscallback(data)},
error: function(result){ fnerrorcallback(result)},