jquery - 使用 jQuery 从选择列表中检索数据并通过 AJAX 发送到服务器

Question

我有一个选择列表，其中包含我需要发送到服务器端脚本的 ID 信息。

我的服务器端脚本正在运行，并且有一个具有以下属性的对象：GroupId、isManagement 和 isHourly。

出于某种原因，我的 jQuery 总是发送一个空对象。AJAX 请求错误提示我的对象为空。

所以我的问题是，下面的 jquery 代码是否正确地从我的选择列表中检索数据？

谢谢！

这是一个 HTML 示例：

<select id="groupList">
    <option id="39238">Group 1</option>
    <option id="95833">Group 2</option>
    <option id="38911">Group 3</option>
</select>

<input type="button" id="btnSend" value="Send Data" />

这是我的 jQuery

$("#btnSend").on("click", function () {

    var data = $.map($("#groupList option"), function (e, i) {
      return {
                   GroupId: i.id,
                   isManagement: True,
                   isHourly: False
             }
    });  

    $.ajax({
        type: "POST",
        url: url,
        data: data,
        success: function () {

        },
        error:function(xhr,err){
           alert("readyState: "+xhr.readyState+"\nstatus: "+xhr.status);
           alert("responseText: "+xhr.responseText);
        }
    });

 });

Answer 1

应该是其他方式，您正在尝试从 index 获取 id i。第一个参数是数组的元素，第二个参数是 $.map 中的索引。

var data = $.map($("#groupList option"), function (ob, i) {
      return {
                   GroupId: ob.id,
                   isManagement: true, // unless True is a variable
                   isHourly: false //unless False is a variable.
             }
    });