<!DOCTYPE html>
<html>
<head>
<title>联系人</title>
<script src="C:/Users/dell/Desktop/me/jquery/jquery.js" type="text/javascript"></script>
</head>
<body>
<input id="contect" type="button" value="联系人" />
<span></span>
<script type="text/javascript">
$(function () {
$("#contect").bind("click", function () {
$.getJSON("C:\Users\dell\Desktop\friends-info.json",function(data){
$.each(data, function (index, json) {
$("span").append("<h3>"+json.result.categories.name+"</h3>")//.appendchild("<ul></ul>").append("<li>" + + "</li>");
});
});
})
});
</body>
</html>
如果没有在网页中加入jquery.js的话,加一下,才支持,还有路径不用绝对路径,我用项目中的相对路径就可以读
路径不要用物理路径,用相对路径。用物理路径js文件中注意转义
本地测试不要用chrome,无法用ajax请求本地文件。
楼主最好先搞清楚路径,做网页能用物理路径的基本知识肯定很差
$.getJSON("C:\Users\dell\Desktop\friends-info.json"
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。