javascript - SessionSet Json 值

Question

我有一个包含“编辑”按钮的表格。

我创建了一个函数来获取 json 数据并将其返回到我的表中。这是在其他任何事情之前完成的。返回数据后，我想在表中创建一个带有编辑按钮的列，当单击“编辑”时将用户重定向到根据用户 ID 输出的表单。

到目前为止，我的 json 调用如下所示:

  var Json_return = [];
  jQuery(function(){
    jQuery.getJSON('showmydata.php',{},function(data){
        Json_return = data;
        console.log (data);
        jQuery(Json_return).each(function(indx,Val){
        jQuery('[name="dataTable"]').eq(0).append
                  ('<tr class="rowstart"><td class="sourceid"
                    align="center">'+Val.ID+'</td><td class="assignto"
                    align="center">'+Val.Preparedby+'</td><td class="dateprep
                    editable_textarea" align="center">'+Val.DatePrepared+'</td>
                    <td class="followup editable_textarea"
                    align="center">'+Val.FollowUpDate+'</td>
                    <td class="emer editable_textarea"
                    align="center">'+Val.Emergency+'</td>
                    <td class="edit" align="center">
                    <button id="edit" class="tiny radius" 
                    data-ID="'+Val.ID+'">Edit</button></td></tr>'); 
        });
    });
});

通过附加我的表格行来相应地传递我的数据，从而生成一个格式良好的表格。

我不知道如何将 json 中的值设置到本地存储中。我的脚本如下所示:

<script>
$("button#edit).click(function(){
    localStorage.setItem("recordID", '+Val.ID+');
});
</script>

任何找到地址的想法或赛格威将不胜感激。

Answer 1

您可以读取按钮的属性 data-ID，因为它就在那里:

$("button#edit").click(function(){
    localStorage.setItem("recordID", $(this).attr('data-ID'));
});