ajax循环动态输出li标签带超链接

Question

ajax获取数据库名称加src地址，如何前台输出li标签并附带超链接？

```html
常规前台写法，li标签里包含a标签实现：
<li>
<a onclick="xadmin.open('张三','./file/a.pdf','','',true)">        
</li>
<li>
<a onclick="xadmin.open('李四','./file/b.pdf','','',true)">        
</li>

如何通过ajax动态实现？下面可以动态输出li标签了，如何让li标签有address超链接onclick="xadmin.open。
<span>
<p class="navi_title">清单</p>
  <ul class="list">
 </ul>
</span>

<script language="JavaScript">
           $.ajax({
                    url:"./ajax_list.php",
                    type: "GET",
                    datatype:"json",
                    success:function(res){
                        var html='';
                            for(var i=0;i<res.length;i++){
                                html+="<li data-id="+res[i].id+">"+res[i].shortname+"</li>"
                            };
                            $(".list").html(html)
                            
                        }
                }); 
                </script>

json数据格式
```html
[{"shortname":"张三","address":"./file/a.pdf"},{"shortname":"李四","address":"./file/b.pdf"}]

Answer 1

<span>
  <p class="navi_title">清单</p>
  <ul class="list">
  </ul>
</span>

<script language="JavaScript">
  $.ajax({
    url: "./ajax_list.php",
    type: "GET",
    datatype: "json",
    success: function(res) {
      var html = '';
      for (var i = 0; i < res.length; i++) {
        html += `<li data-id="${res[i].id}">
                  <a href="${res[i].address}" onclick="xadmin.open('${res[i].shortname}','${res[i].address}','','',true)">
                    ${res[i].shortname}
                  </a>
                </li>`;
      }
      $(".list").html(html);
    }
  });
</script>