不初始化ajax的变量

Question

我有一个表，显示登录名和密码，以及用ajax表示的两个按钮“编辑”和“删除”。
这是代码：

$(document).on('click', '.edit_data', function () {
    var id_code = $(this).attr("id");
    $.ajax({
        url: "edit.php",
        method: "post",
        data: { id_code: id_code },
        datatype: "json",
        success: function (data) {
            $('#code').val(data.code);
            $('#login').val(data.login);
            $('#pass').val(data.pass);
            $('#id_code').val(data.id);
            $('#myModale').modal("show");

        }
    });
}); `
$('#insert_form').on('submit',function(event){
    event.preventDefault();
        $.ajax({
            url:"insert.php",
            method:"post",
            data:$('#insert_form').serialize(),
            success:function(data)
            { 
                $('#insert_form')[0].reset();
                $('#myModale').modal('hide'); 
            }
        });
    }
});

当我编辑插入时，它将编辑最后一个并且不插入。我可以看到var id_code尚未初始化。

insert.php

if ($_POST["id_code"] != '') {
    $query = "  
    UPDATE employee
    SET code = '$

    code',   
    login = '$login',
        pass = '$pass',
        WHERE id = '".$_POST["id_code"]."'";  
    $message = 'Data Updated';
}
else {
    $query = "  
    INSERT INTO employee(code, login, pass)
    VALUES('$code', '$login', '$pass');
    ";  
    $message = 'Data Inserted';
}