Javascript 拆分多个元素并通过ajax发送

我试图映射每个具有contenteditable属性的元素，以便发送每个元素的值的结果。然而，当我试图在字段中使用逗号时，我遇到了一个问题，因为我正在连接元素，然后拆分它们以获得一个值数组

这是我的密码：

function getProfileData(element, button) {
    var profile_data = $(element).html();

    var data = $(element).blur(function() {
        profile_data = $(element).map(function() {
            return this.innerHTML;
        }).get();

    });

    $(button).on('click', function() {
        var edited_content = profile_data.join(", ");

        var split = edited_content.split(",");

        $.ajax({
            method : "POST",
            url : "/members/profile/create-profile",
            data : {
                display_name : split[0],
                email_address : split[1],
                age : split[2],
                location : split[3],
                bio : split[4]
            },
        }).done(function() {
            alert("Profile saved!");
            location.href = '/members/profile';
        }).fail(function() {
            alert("Error saving profile, please try again");
        });
    });
}

有没有办法在字段中不使用逗号，而将其后面的文本切掉

---

谢谢

如果您可以使用

.join（）

，那么

profile\u data

不是已经是一个数组了吗？我不确定再次连接和拆分它应该做什么。好吧，我的主要问题是，如果我在文本字段中添加逗号，用逗号拆分它会弄乱文本字段。是的，我知道这将是一个问题。我只是好奇你为什么要加入和拆分

profile\u data

。你不能像使用

显示\u name:profile\u data[0]，

那样使用它吗？是的，你说得完全正确。谢谢：）没问题！很高兴我能帮忙：）