Cricketer Details

一万处错误，肯定无法执行，跟ajax无关，jq语法错误，html标签也不闭合，编辑器高亮，控制台弹错，很明显。

    $(function () {
        $("button").click(function(){
            $.ajax({
                url:"http://www.tutorialspoint.com/json/data.json",
                type:"POST",
                dataType: "json",
                success:function(data){
                    $("#name").html(data.name);
                    $("#country").html(data.country);
                },
                error: function (err) {
                    console.log(err)
                }
            });
        })
    });

看下控制台是否有报错信息，目前能看到的是成功回调写得有问题。

$("#name").html(data.name);
$("#country").html(data.country);

你回调函数里的jQuery方法 和原生DOM操作弄混了
应该是

success:function(data){
            $("#name").html(data.name);
            $("#country").html(data.country);
        }
    
    
这样写 你再试试看

1.(document) 前面少了个$, $(document).ready()...
2.click()未闭合
3.ready()未闭合 最后两个"}"分别加两个")"