Javascript 如何在JSON脚本中添加链接/href/hyperlink

我想创建一个动态数组/脚本，我需要在我的JSON返回中添加一些链接，以便我可以创建一个长数组，其中包含一个准备好的JSON文件的动态列表或源

修订日期
文件名
部门
描述
链接

var数据={
“人”：[{
“修订日期”：“2016年4月21日”，
“文件名”：“1658MC”，
“部门”：“销售”，
“说明”：“可用”，
“链接”：“href=1658MC.pdf”
}, {
“修订日期”：“2016年4月16日”，
“文件名”：“VCX16B”，
“部门”：“工程”，
“说明”：“不可用”，
“链接”：“href=VCX16B.pdf”
}, {
“修订日期”：“2016年3月15日”，
“文件名”：“AB36F”，
“部门”：“客户服务”，
“说明”：“不可用”，
“链接”：“href=AB36F.pdf”
}, {
“修订日期”：“2016年8月12日”，
“文件名”：“FC25D”，
“部门”：“技术支持”，
“说明”：“不可用”，
“链接”：“href=FC25D.pdf”
}]
} 
//$.getJSON（“new4.json”），函数（数据）{
//控制台日志（数据）；
//$.getJSON（'new4.json'，函数（数据）{
$.each（data.person，function（i，person）{
变量tblRow=”“+person.revisiondate+
“”+person.documentname+
“+个人/部门+
“”+person.description+
“”+person.link+
""
$（tblRow）.appendTo（“#userdata tbody”）；
});

如何向脚本行添加链接，例如，当我单击此链接时，它会像PDF或HTML一样打开到我的源代码。我可以用HTML来完成此操作，但当我尝试使用JSON时，我无法完成

"</td><td><a  target='_blank' href='\\mustafa02\group\Manuals\Reviewed\ "+ person.documentname.split('href=')[0]+"' >"+person.documentname.split('href=')[0]+"</a></td>"

“”

我的PDF位于已审阅文件夹中。因此，我的文件夹路径如上所示。

\\mustafa02\group\Manuals\revieved\

$。每个（data.person，function（i，person）{
$.each(data.person, function(i, person) {
            var tblRow =    "<tr><td>" + person.revisiondate + 
                            "</td><td>" + person.documentname + 
                            "</td><td>" + person.department +
                            "</td><td>" + person.description + 
                            "</td><a href='" + person.link + "'>link text</a><td>" +
                            "</td></tr>"
            $(tblRow).appendTo("#userdata tbody");
        });

变量tblRow=”“+person.revisiondate+
“”+person.documentname+
“+个人/部门+
“”+person.description+
"" +
""
$（tblRow）.appendTo（“#userdata tbody”）；
});

您应该从json中删除属性“href”

或者，您可以像这样在json数据链接中添加单引号

var data = {
        "person": [{
            "revisiondate": "21 April 2016",
            "documentname": "1658MC",
            "department": "Sales",
            "description": "Available",
            "link": "href='1658MC.pdf'"
        }, {
            "revisiondate": "16 April 2016",
            "documentname": "VCX16B",
            "department": "Enginnering",
            "description": "Not Available",
            "link": "href='VCX16B.pdf'"
        }, {
            "revisiondate": "15 March 2016",
            "documentname": "AB36F",
            "department": "Custumer Services",
            "description":  "Not Available",
            "link": "href='AB36F.pdf'"
        }, {
            "revisiondate": "12 Agust 2016",
            "documentname": "FC25D",
            "department": "Technical Support",
            "description": "Not Available",
            "link": "href='FC25D.pdf'"
        }]


$.each(data.person, function(i, person) {
            var tblRow =    "<tr><td>" + person.revisiondate + 
                            "</td><td>" + person.documentname + 
                            "</td><td>" + person.department +
                            "</td><td>" + person.description + 
                            "</td><a " + person.link + ">link text</a><td>" +
                            "</td></tr>"
            $(tblRow).appendTo("#userdata tbody");
        });

var数据={
“人”：[{
“修订日期”：“2016年4月21日”，
“文件名”：“1658MC”，
“部门”：“销售”，
“说明”：“可用”，
“链接”：“href='1658MC.pdf'”
}, {
“修订日期”：“2016年4月16日”，
“文件名”：“VCX16B”，
“部门”：“工程”，
“说明”：“不可用”，
“链接”：“href='VCX16B.pdf'”
}, {
“修订日期”：“2016年3月15日”，
“文件名”：“AB36F”，
“部门”：“客户服务”，
“说明”：“不可用”，
“链接”：“href='AB36F.pdf'”
}, {
“修订日期”：“2016年8月12日”，
“文件名”：“FC25D”，
“部门”：“技术支持”，
“说明”：“不可用”，
“链接”：“href='FC25D.pdf'”
}]
$.each（data.person，function（i，person）{
变量tblRow=”“+person.revisiondate+
“”+person.documentname+
“+个人/部门+
“”+person.description+
“链接文本”+
""
$（tblRow）.appendTo（“#userdata tbody”）；
});

添加一个

“
$（tblRow）.appendTo（“#userdata tbody”）；
});
//});

您已经知道如何从JS创建HTML元素：您正在创建一堆TD元素。从这里开始创建锚元素并不是一个太大的飞跃。如果数据只是说

“link”：“FC25D.pdf”

。编辑

“+person.link+”

到

“pdf”会更容易“

您忘记了HREF@NewToJS@LiverpoolCoderhref已经在

person.link

；）=>“link”：“href=FC25D.pdf”你的右边。我没有看到。为什么他希望在他的json数据中这样做？这不会起作用。锚看起来像这样，可以试试

“pdf”

更新了答案。再次，这将不起作用……锚href将看起来像href=href=something，您需要在字符串中反斜杠这些双引号，否则您将出现语法错误。Json拆分已过度。只需从Json数据中删除href，我还有一个问题。如何将此代码更改为打开的外部文件使用href。我的意思是这种方法可以工作，但只能打开同一文件中的文档。我还有另一个文件需要打开其中的一些文档。最后，如果我的路径像Z:\path\to\my\file，我如何将此代码集成为最新版本？@Bhuwanuse target=“\u blank”我已经在使用target=“\u blank”。但是我想根据我的json创建一个路径来获取一些文档。例如，最后一个FC25D.pdf与html位于同一文件夹中。效果很好。我想将新文档添加为.pdf，其路径类似于C:\desktop\folder\example.pdf。我如何创建路径并与此代码集成？顺便问一下@Bhuwan，谢谢您的关注