从用户配置文件页面只需要为用户提取一个JSON字符串并使用jQuery显示

我只需要从数据库中提取一个案例中的单个用户 我试图实现的流动:

• 在显示所有用户的页面上开始(我已完成)
• 单击特定用户
• 然后它导航到我试图呈现该特定用户的所有数据的页面。

我目前正在从我为所有用户页面创建的循环中进行建模。我知道我需要摆脱这种循环,但我不确定如何显示相同的信息。我需要帮助确定使用什么来代替下面的循环。第二组文本向您展示了我已经掌握的内容(包括循环)。谢谢

    $(document).ready(function () {
      $.ajax({
      url: "http://.../getaccount",
      type: 'GET',
      dataType: "json",
      data: {
        'account': 'all'
    },
    // once json data is retrieved with the get request using ajaax then display teh following table rows.
    }).then(function (data) {
    // for loop for looping through th elenght o fth json data
    for(var i = 0; i < data.accounts.length; i++){
        // creates the table row every time a new instance is created
        $('#myTable tbody').append("<tr>");
        // pulls image source for each individule user and displays it 
        $('#myTable tbody').append("<td class=\"photo_url\">" + ("<img src='" + data.accounts[i].photo_url + "'/>") + "</td>");
        // displays Turbo user name in a new instance of a user
        $('#myTable tbody').append("<td class=\"user_id\">" + data.accounts[i].user_id + "</td>"); 
        // displays user real name in  
        $('#myTable tbody').append("<td class=\"name\">" + data.accounts[i].name + "</td>");
        // displays individule session token for each user.
        $('#myTable tbody').append("<td class=\"session_token\">" + data.accounts[i].session_token + "</td>");
        // $('#myTable tbody').append("<td class=\"photo_url\">" + data.accounts[i].photo_url + "</td>");   
        $('#myTable tbody').append("</tr><br>"); 
    }
});

console.log('finished');
});

    $(document).ready(function () {
$.ajax({
    url: "http://.../getaccount",
    type: 'GET',
    dataType: "json",
    data: {
        'account': 'all'
    },
    }).then(function (data) {
    // for loop for looping through th elenght o fth json data
    for(var i = 0; i < data.accounts.length; i++){
        // i need to find a way to pull the user data from 
        // the indivifule and not  on  loop possibly using the 
        // $(this) method 
        $('body .head').append("<div class=\"photo_url\">" + ("<img src='" + data.accounts[i].photo_url + "'/>") + "</div>");
        $('body .head').append('<h1 class="user_id">'+ data.accounts[i].user_id + '</h1>');
        // finding total matches but using dummy data for now.
        // $('body .sideUl').append('<li class="total_matches">' + data.account[i].total_matches +'</li>');
        $('body .sideUl').append('<li class="total_matches">' + "Total Matches" +'</li>');
        // same thing as above: code is ready to be run but not set up on the server right meow.
        // $('body .sideUl').append('<li class="total_wins">' + data.account[i].total_wins +'</li>');
        $('body .sideUl').append('<li class="total_wins">' + "Total Wins" +'</li>');
    }
});
    console.log("got info")
});