当前位置:编程学习 > C#/ASP.NET >>

josn数据实现超连接

{"list":
    [        
                 { "Title": "主题1", "URL": "a1.aspx" },
                 { "Title": "主题2", "URL": "a2.aspx" },
                 { "Title": "主题3", "URL": "a3.aspx" },
                 { "Title": "主题4", "URL": "a4.aspx" },
                 { "Title": "主题5", "URL": "a5.aspx" }
              
     ]


实现在aspx页面中点击主题进入对应的主题页面

以前没用过josn数据做超连接。谢谢! --------------------编程问答-------------------- 页面上的超链接跟josn数据有什么关系?
你根据josn数据加超链接啊 --------------------编程问答--------------------

<div id="menu"></div>
<script>
var data = {"list":
[        
     { "Title": "主题1", "URL": "a1.aspx" },
     { "Title": "主题2", "URL": "a2.aspx" },
     { "Title": "主题3", "URL": "a3.aspx" },
     { "Title": "主题4", "URL": "a4.aspx" },
     { "Title": "主题5", "URL": "a5.aspx" }
]
};

var list = data.list;

for(var i = 0; i < list.length; i++) {
addANode(list[i]);
}

function addANode(obj) {
if(typeof obj == "undefined") return;

var menu = document.getElementById("menu");
var a = document.createElement("a");
a.innerHTML = obj.Title;
a.href = obj.URL;
menu.appendChild(a);
}
</script>
--------------------编程问答-------------------- 标题打错了,是json,不是josn --------------------编程问答-------------------- 前台以表格方式显示的话,代码如何改
补充:.NET技术 ,  C#
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,