javascript - 需要身份验证的 Ajax 表行
问题描述
我还有一个问题,因为上次每个人都很好。如何在 ajax 中的表格中使某一行仅在您登录时才显示?我在这里问这个是因为我在任何地方都没有找到答案,而且我不知道如何对自己做到这一点。所以,如果你们能解释一下,那将不胜感激。
这是ajax表
/* Add new Post table row */
function manageRow(data) {
var rows = '';
$.each( data, function( key, value ) {
rows = rows + '<tr>';
rows = rows + '<td>'+value.title+'</td>';
rows = rows + '<td>'+value.icon+'</td>';
rows = rows + '<td>'+value.user+'</td>';
rows = rows + '<td>'+value.details+'</td>';
rows = rows + '<td>'+value.created_at+'</td>';
rows = rows + '<td data-id="'+value.id+'">';
rows = rows + '<button data-toggle="modal" data-target="#edit-item" class="btn btn-warning edit-item">Edit</button> ';
rows = rows + '<button class="btn btn-danger remove-item">Delete</button>';
rows = rows + '</td>';
rows = rows + '</tr>';
});
$("tbody").html(rows);
}
如果您没有登录,我希望这 2 行不可见。
rows = rows + '<button data-toggle="modal" data-target="#edit-item" class="btn btn-warning edit-item">Edit</button> ';
rows = rows + '<button class="btn btn-danger remove-item">Delete</button>';
我希望你们能帮助我。先感谢您。
解决方案
就个人而言,我会去做这样的事情:
/* Add new Post table row */
function manageRow(data, isLoggedIn)
{
var rows = '';
$.each(data, function(key, value)
{
rows += '<tr>';
rows += '<td>' + value.title + '</td>';
rows += '<td>' + value.icon + '</td>';
rows += '<td>' + value.user + '</td>';
rows += '<td>' + value.details + '</td>';
rows += '<td>' + value.created_at + '</td>';
rows += '<td data-id="' + value.id + '">';
if (isLoggedIn)
{
rows += '<button data-toggle="modal" data-target="#edit-item" class="btn btn-warning edit-item">Edit</button> ';
rows += '<button class="btn btn-danger remove-item">Delete</button>';
}
rows += '</td>';
rows += '</tr>';
});
$("tbody").html(rows);
}
但是,这取决于您的安全问题,黑客将其弄乱并获得对这两个按钮的访问权限将是微不足道的。
推荐阅读
- r - 如何将 NA 转换为 R 中的空格
- java - 如何将照片从图像视图保存到gallery android xamarin
- node.js - 将 Postgress 原始查询转换为 sequelize
- java - 无法在android 11中检索手机的SIM卡和IMEI号码
- android - 如何在 Ubuntu 20.04 中卸载 android studio
- html - 如何使用 bootstrap 4 和 css 为智能手机视图制作响应表?
- python - 我的 pygame/pyopengl 代码似乎对每个表面都应用了纹理
- vuejs3 - Vue 3中将数据对象POST到json-server文件的问题
- excel - 使用 MID 反转日期值
- recursion - 递归关系主定理