使用AJAX和Jquery的某些元素的详细页面

Question

我试图绕过Ajax和Jquery而且我现在被困住了。 我创建了一个包含大量足球比赛的数据库，并且我可以通过使用ajax调用将信息提供给我的页面。

但是，我希望匹配可以点击，匹配的详细页面应该可见。在这个页面中，我希望人们能够设置他们所打的分数，得分的分数以及得分的球员。

但是，我不知道从哪里开始。

$(function ()
{

$.post("php/getjson.php","", function(data){

    data = JSON.parse(data);

    for(var i = 0; i < data.length; i++){
        $("#output").append("<p><b>Thuis: </b>"+data[i].thuisspelend+" <b>- Uit: </b>"+ data[i].uitspelend + "</p>");
    }

});
});

这是我从ajax调用中获取的代码行，来自for循环。 这些行将被附加到名为＆＃34;输出＆＃34;。

的div中

加载页面后，它看起来像这样：

Thuis：Ajax - Uit：Feyenoord

译文：主场俱乐部：阿贾克斯 - 客场俱乐部：费耶诺德

这意味着我获得了超过50场比赛，我希望所有细节都是针对该比赛的。

希望你们能帮忙。

谢谢：）