javascript - Jquery AJAX 如何防止用户更改 id 值，并在单击功能时检查它

Question

我对此感到困惑。当页面源从值 11 更改为 13 时，它将修改 13 值而不是 11。尽管用户将页面源更改为 13，但如何使用原始 ID 提交。

 $("body").on("click", ".getcheck", function () {
    var gid = $(this).parent("td").data('id');
    var ischecked = $(this).is(":checked");

        if (ischecked) {
            $.ajax({
                type: 'POST',
                url: url +'todolist/update_checklist',
                data: { gid },
            }).done(function (getdata) {
                alert("Added")
            });
        }

    if (!ischecked) {
        $.ajax({
            type: 'POST',
            url: url + 'todolist/update_checklistcancel',
            data: { gid },
        }).done(function (getdata2) {
            alert("Deleted")
        });
    }
});

这就像用户右键单击并检查元素并将值更改为 13。Value.id 将在加载时显示在页面中。而 data-id: value.id 将在复选框和删除按钮中生效。但是如果用户右键单击 inspect 并将值更改为 13 。它将修改表13项。

function manageRow(data) {
    var rows = '';
    var checkedverify= "checked";
    $.each(data, function (key, value) {
        var newchecked = value.checked;
        rows = rows + '<tr>';
        rows = rows + '<td>' + value.todo_list + '</td>';
        rows = rows + '<td data-id="' + value.id + '">';
        if (newchecked == 1)
            {
            rows = rows + '<input type="checkbox" style="width:21px;height: 21px;" class="getcheck" id="'
             + value.id + '"' + checkedverify + ' />&nbsp&nbsp';
        }
        else
        {
            rows = rows + '<input type="checkbox" style="width:21px;height: 21px;" class="getcheck" id="'
             + value.id + '" />&nbsp&nbsp';
        }
        rows = rows + '<button class="btn btn-danger delete_todo" style="margin-bottom:10px">Del</button>';
        rows = rows + '</td>';
        rows = rows + '</tr>';
         function markdone(getvalue) {
            alert(getvalue);
        }
    });

    $("tbody").html(rows);


}

Answer 1

使用“JavaScript - localStorage”功能来保存网页数据并将其用于类似的任务。

要使用 localStorage 保存信息，您需要:

localStorage.setItem("id", "11"); 

此信息将永久存储在浏览器中，直到您自行删除:

localStorage.removeItem("id"); 

如果你想删除整个数据，这将删除项目:

localStorage.clear();

因此，当用户提交表单或其他内容时，您始终可以检索原始 id 值。

localStorage.getItem("id");