前端数据展示：基于用户ID过滤数据库记录的实践与安全考量

// 假设您的HTML中有一个元素，其data-ms-member="id"属性包含了当前用户的ID const currentUserIDElement = document.queryselector('[data-ms-member="id"]'); const currentUserID = currentUserIDElement ? currentUserIDElement.textContent.trim() : null;  if (!currentUserID) {     console.error("无法获取当前登录用户ID，请确保用户已登录且ID可用。");     // 如果无法获取用户ID，通常应停止后续的数据加载和显示操作     // 或者显示一个错误消息给用户 }

$(function() {     // 假设这里已成功获取到当前登录用户的ID     const currentUserIDElement = document.querySelector('[data-ms-member="id"]');     const currentUserID = currentUserIDElement ? currentUserIDElement.textContent.trim() : null;      if (!currentUserID) {         // 如果无法获取用户ID，则停止执行后续逻辑         console.error("错误：无法获取当前登录用户ID。");         return;     }      $.getJSON('https://db-ommitted-for-privacy?tableName=JobListings&fields=company,logo,img,companyDescription,role,roleDescription,location,link,createdByUserID,dateAdded&view=AllListings', function(data) {         // 确保data.records存在且是数组         if (!data || !Array.isArray(data.records)) {             console.error("从API获取的数据格式不正确或为空。");             return;         }          $.each(data.records, function(i, { fields: f }) {             // 核心过滤逻辑：如果数据项的创建者ID与当前用户ID不匹配，则跳过当前循环迭代             // 注意：在jquery.each中，返回 true 相当于 continue，返回 false 相当于 break。             if (currentUserID !== f.createdByUserID) {                 return true; // 跳过当前记录，继续处理下一条             }              // 构建表格行内容             var tblRow = "<tr>" +                 "<td>" +                     "<div style='padding-top: 1%; padding-bottom: 1%;'>" +                         "<div style='border: 1px solid black;'>" +                             "<button class='accordionList' style='font-size: large; outline: none;'>" +                                 "<span style='padding-top: 2.5%; padding-bottom: 3%;'>" +                                     "<img src='" + f.logo + "' height='30px'>" +                                 "</span>  <span style='padding-top: 3%; padding-bottom: 3%;'>   " +                                     f.company + "   |   " + f.role +                                 "    <span style='color: #2b2b2b;''><span class='iconify-inline' data-icon='eva:pin-outline' style='color: #2b2b2b;'></span> " + f.location +"</span></span>" +                             "</button>" +                             "<div class='panel'>" +                                 "<img src='img/jobBanner2.png' width='100%'>" +                                 "<br>" +                                 "<p style='color: #505050;'>Posted: " + f.dateCreated + "   |   Status: " + f.status + "</p>" +                                 "<h4>About this role:</h4>" +                                 "<p>" + f.roleDescription + "</p>" +                                 "<h4>About " + f.company + ":</h4>" +                                 "<p>" + f.companyDescription + "</p>" + "<br>" +                                 "<a href='pricing.html' class='button btn btn-lg btn-block btn-sm button-black' style='padding-top: 1%; padding-bottom: 1%; width: 200px;'>Apply   <span class='iconify-inline' data-icon='bi:arrow-right-circle' data-width='15' style='color: white;'></span></a>" +                                 "<br>" + "</div>" +                             "</div>" +                         "</div>" +                     "</div>" +                 "</td>" +             "</tr>";             $(tblRow).appendTo("#userdata tbody");         });     }).fail(function(jqXHR, textStatus, errorThrown) {         console.error("API请求失败: " + textStatus, errorThrown);         // 可以向用户显示一个友好的错误消息     }); });

Fliki

高效帮用户创建视频，具有文本转语音功能

96

查看详情