Question

我有一个排行榜，如果您点击名称，则会显示一个弹出窗口：https://jsfiddle.net/pvwvdgLn/1/

在实践中，我将从DB中提取排行榜的列表。您在列表中看到的是员工的静态名称，仅供参考。那么，如何使用数据属性分配名称并在JSON中搜索该名称？

弹出窗口中有各种字段：名称，电子邮件，出生日期等，我想为用户点击其名称的相应人员显示。

我在JSON之下，它正在获取包含列表中所有人的所有这些数据的数组：

import java.nio.file.Files;
import java.nio.file.Paths;
import org.tensorflow.Graph;
import org.tensorflow.Session;
import org.tensorflow.Tensor;

try (Graph graph = new Graph()) {
    graph.importGraphDef(Files.readAllBytes(Paths.get("saved_model.pb"));
    try (Session sess = new Session(graph)) {
        try (Tensor x = Tensor.create(1.0f);
             Tensor y = s.runner().feed("x", x).fetch("y").run().get(0)) {
            System.out.println(y.floatValue());
        }
    }
}

从查询中可以看出，它为所有top10提取JSON，其名称可以在列表中看到。

与弹出窗口相关的html和JS在这里：https://jsfiddle.net/woef5mn6/

如何仅针对名称被点击的人显示JSON弹出窗口中的相应数据？

请帮帮我。

Answer 1

我编辑了你的小提琴，以展示如何解决你的问题。这只是一个简单的解决方案。需要根据您的要求进行修改。

以下是fiddle

我正在从您的JSON创建员工列表并填充有序列表

function employeeList() {
        $("#myOL").empty();
    $.each(employee, function(i,o) {
          $("#myOL").append("<li><mark>" + o.EmployeeName + "</mark><small>" + o.score + "</small></li>");
    });
}

然后点击个人员工，我将通过他的名字从JSON获取他的详细信息，然后填充弹出窗口详细信息（作为最佳实践 - 您应该通过使用唯一标识符通过ajax调用服务来获取员工详细信息[ employeeId]）：

function getEmployeeByName(name) {
    var index = -1;
  var filteredObj = employee.find(function(item, i) {
    if(item.EmployeeName === name){
      index = i;
    }
  });

  return employee[index];
}

希望这有帮助！

从JSON中提取数据并在弹出窗口中显示

1 个答案: