.getJSON无法打开Json文件,该如何处理

.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文件类型。