如何使用 javascript 推断通过 json 文件的 ID 召回的特定数据

How to extrapolate specific data recalled through the id of a json file with javascript

鉴于 JSON 文件的响应:

{
    "Response": [
        {
            "ResultCode": "000",
            "ResultMessage": "OK",
            "NRecord": "2",
            "Details": [
                {
                    "nomepacchetto": "Nome Pacchetto",
                    "tipotraffico": "C",
                    "numerominuti": "100.00000",
                    "importocanone": "9.99",
                    "loginultimamodifica": "claudia.mentuccia",
                    "dataorainiziovalidita": "2022-04-28 14:10:01",
                    "loginapprovazione": "",
                    "dataapprovazione": "0000-00-00 00:00:00",
                    "id": "4"
                },
                {
                    "nomepacchetto": "Nome Pacchetto_2",
                    "tipotraffico": "C",
                    "numerominuti": "10.00000",
                    "importocanone": "5.00",
                    "loginultimamodifica": "claudia.mentuccia",
                    "dataorainiziovalidita": "2022-04-28 14:11:29",
                    "loginapprovazione": "",
                    "dataapprovazione": "0000-00-00 00:00:00",
                    "id": "5"
                }
            ]
        }
    ]
}

如何通过 JavaScript 通过 id 检索所有识别数据?

function StampaForm() {
   var TblContenuto;
   var TblContenuto = JSON.parse(sessionStorage.wbc_gestionepacchetti800_applicazione);
   var form = "<form action=\"wbc_gestionepacchetti800_3.html\" name='dati' method=\"post\"><div class='tabella_select'><tbody class='body_form'><table class='table table-responsive-sm'>";
   var output = '';
   var output = '<tr>' + '<td class="campi_form col-2 td_body">' + '<p>Nome pacchetto\n</p>' + ' <input type=text class="form-control recordripreso" id="floatingInput" name=nuovoip size=40 value="' + TblContenuto[i].nomepacchetto + '">' + '</td>' + '<td></td>' + '<tr>';
   $("#mod").append(form + output);
}

变量var TblContenuto = JSON.parse(sessionStorage.wbc_gestionepacchetti800_applicazione);显示了我的JSON文件的所有内容(上图),我想做的是创建一个根据ID推断数据片段的函数,例如: id = 5:

{
  "nomepacchetto": "Nome Pacchetto_2",
  "tipotraffico": "C",
  "numerominuti": "10.00000",
  "importocanone": "5.00",
  "loginultimamodifica": "claudia.mentuccia",
  "dataorainiziovalidita": "2022-04-28 14:11:29",
  "loginapprovazione": "",
  "dataapprovazione": "0000-00-00 00:00:00",
   "id": "5"
 }

你也可以这样做(避免一个一个地添加所有元素)并给你JSON(代码在json变量下面,用于测试):

var json='{ \
    "Response": [ \
        { \
            "ResultCode": "000", \
            "ResultMessage": "OK", \
            "NRecord": "2", \
            "Details": [ \
                { \
                    "nomepacchetto": "Nome Pacchetto", \
                    "tipotraffico": "C", \
                    "numerominuti": "100.00000", \
                    "importocanone": "9.99", \
                    "loginultimamodifica": "claudia.mentuccia", \
                    "dataorainiziovalidita": "2022-04-28 14:10:01", \
                    "loginapprovazione": "", \
                    "dataapprovazione": "0000-00-00 00:00:00", \
                    "id": "4" \
                }, \
                { \
                    "nomepacchetto": "Nome Pacchetto_2", \
                    "tipotraffico": "C", \
                    "numerominuti": "10.00000", \
                    "importocanone": "5.00", \
                    "loginultimamodifica": "claudia.mentuccia", \
                    "dataorainiziovalidita": "2022-04-28 14:11:29", \
                    "loginapprovazione": "", \
                    "dataapprovazione": "0000-00-00 00:00:00", \
                    "id": "5" \
                } \
            ] \
        } \
    ] \
}';
test=JSON.parse(json);
response=test.Response;
response[0].Details.forEach(function(element ) {
    if (element["id"]=="5") { //Change this value to get the id you want
    $("#result").html(JSON.stringify(element)); //Remove function to have the variable (element)
    $.each(element, function(key, value) {
      $("#calc").append("Key :",key,"  Value:",value,"<br/>");
    });
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="result">
</div>
<div id="calc">
</div>