使用 jQuery 将 JSON 发送到服务器

Question

我需要以 JSON 对象的形式将 ID 数组发送到服务器端。我使用下拉列表，可以选择多个值来对它们执行操作。

为了将它们放入数组中，我使用了：

var selectedArray = [];

            var selectObj = document.getElementById('addedList');
            var i=0;
            var count=0;
            for(i=0;i<selectObj.options.length;i++){
                selectedArray[count] = selectObj.options[i].value;
                count++;
            }

现在的问题是，我需要将这些 ID 发送到服务器。 我一直想像发送 JSON 对象一样发送它，因为它具有可变数量的参数。据我所知，你可以将 JS 对象转换为 JSON。

现在我确实有几个问题：

您能给我一个如何转换它的示例吗？似乎有一百万种方法，其中之一是 JSON.stringify(jsObj); 。我的对象仅由一组值组成。据我所知，这是一个例子：

{ array : ["value1","value2","value3"] }

另一个问题是： 我如何使用 jQuery 发送这个？我可以使用 $.getJSON 将 JSON 对象发送到服务器吗？ （这在幕后使用 $.GET ），还是我需要使用 $.POST ？

现在我刚刚尝试过，但无法得到它......

$.getJSON code

        $.getJSON("removerequest.htm",{ ids: JSON.stringify(selectedArray) }, function(data){
            $('#removerequestdiv').text('');

            $('#removerequestdiv').append('<select name="addedList">');
            for(var index in data){
                $('#removerequestdiv').append('<option value="' + data[index].id + '">' + data[index].voornaam + data[index].familienaam + '</option>');
            }
            $('#removerequestdiv').append('</select>');
        });

Answer 1

$.getJSON() 例程用于从服务器获取 JSON 编码内容。您的问题是相反的：您想将其发送到服务器。

你应该明白这里的术语。 Javascript 中并不存在真正的“JSON 对象”。它只是某种类型的 Javascript 对象，从这个意义上来说它没有什么特别的。您想要做的是将 Javascript 对象序列化为单个字符串。该字符串是您将发送到服务器的参数，服务器将将该字符串反序列化回对象（在服务器代码使用的任何语言的上下文中）。

因此，当您调用 JSON.stringify(obj) 时，您得到的只是一个字符串。将这样的字符串传递回服务器与传递任何其他字符串没有什么不同；这只是一个参数。使用 $.post() 来发布它，或者您甚至可以将其填充到简单表单输入元素的值中，然后以老式方式发布表单。