将用户重定向到自定义HTML页面

Question

我正在使用AJAX从数据库中搜索并在首页上查看结果。我的输出正确，并且希望将用户重定向到他/她单击的用户的个人资料页面上。将用户重定向到链接http://localhost:3000/doc/:username。我从我的API获取JSON，并希望根据其数据查看每个用户名的自定义HTML。我应该做些什么改变。 这是代码

$.ajax({
  type: "POST",
  url: '/search',
  data: data,
  success: function(data) {
    document.getElementById("loader").style.visibility = "hidden";
    var obj = JSON.parse(data);
    $(".username").remove();
    obj.forEach(function(element) {
      var url = "localhost:3000";
      url += "/doc/"
      url += element.username;
      $('.deneme').append("<a href=" + url + ">" + "<div class='username'>" + element.name + "</div>" + "</a>")
    }, this);
  }
});