日期:2014-05-16  浏览次数:20611 次

.getJSON无法打开Json文件
用的是JQ1.6.4 
<script type="text/javascript">
        $(function () {
            $("#Button1").click(function () { //按钮单击事件
                //打开文件,并通过回调函数处理获取的数据
                $.getJSON("UserInfo.json", function (data) {
                    $("#divTip").empty(); //先清空标记中的内容
                    var strHTML = ""; //初始化保存内容变量
                    $.each(data, function (InfoIndex, Info) { //遍历获取的数据
                        strHTML += "姓名:" + Info["name"] + "<br>";
                        strHTML += "性别:" + Info["sex"] + "<br>";
                        strHTML += "邮箱:" + Info["email"] + "<hr>";
                    })
                    $("#divTip").html(strHTML); //显示处理后的数据
                })
            })
        })
    </script>

在Chrome里调试出现:GET http://10.24.20.20/test/jq/UserInfo.json 404 (Not Found) 。但文件的路径是没有错误的。
UserInfo.json文件:
[
  {
    name: "陶国荣",
    sex: "男",
    email: "tao_guo_rong@163.com"
  },
  {
    name: "李建洲",
    sex: "女",
    email: "xiaoli@163.com"
  }
]
请问是什么原因呢?
------解决方案--------------------
服务器上添加.json文件类型。