Javascript 不重新加载页面的锚定标记更新div

我有一个div，它包含一个锚定标记，加载一个php脚本，该脚本本质上向数据库添加信息并返回到此页面。我想使用这个achor标记来运行php脚本，更新数据库并刷新这个div，而无需重新加载页面。php脚本需要与php$\u GET[]函数一起使用的这两个变量title和vote。这可以做到吗？如果可以，如何做到？我到处都找遍了，但似乎没有剧本。如果需要，将提供更多信息。非常感谢你，这将归功于每一位帮助过你的人

      <div class='like_box'>
                <a href='#' class='counter' ><img src='img/like.png' class='vote'></a><p class='vote_text'>$like_num</p>
                <p style='color: #fff;'>$like_username</p>
      </div>

$like\u num
$喜欢你的用户名吗

我试过这样的东西

        <script>
           $('a.counter').click( function(e) {
              e.preventDefault();
              vote.php?vote=like&title=$title
           });
        </script>

$（'a.counter'）。单击（函数（e）{
e、 预防默认值（）；
vote.php？vote=like&title=$title
});

使用以下方法：

 <div class='like_box'>
                <a href='#' class='counter' ><img src='img/like.png' class='vote'></a><p class='vote_text'>$like_num</p>
                <p class="vote_text1" style='color: #fff;'>$like_username</p>
      </div>

$like\u num
$喜欢你的用户名吗

在javascript端（jquery）

$（“.like_box a”）。单击（函数（事件）{
event.preventDefault（）；
$.ajax({
url:'vote.php？vote=like&title=$title'，
成功：功能（结果）{
//在此处更新$like_num和$like_用户名
//如果没有装订，请使用此选项
$（'.like_box p.vote_text'）。text（''）；
$（'.like_box p.vote_text1'）。text（''）；
}});
});

像这样使用href时，是一个GET请求刷新页面。使用ajax，而不是在锚点标记上使用onclick并执行preventDefault。有没有办法做到这一点，并且即使您使用preventDefault，仍然会更新div？当然，ajax请求成功后，更新您的变量$like_num和$like_username…我很抱歉问这个问题，但您是否认为您可以编写一点psuedo代码或其他东西来向我展示如何做到这一点，如果不太麻烦的话，我只是尝试了一些不同的选项，但我无法获得任何工作。非常感谢。让我们看看你尝试了什么。非常感谢你抽出时间。

$(".like_box a").click(function(event){
        event.preventDefault();
        $.ajax({
    url: 'vote.php?vote=like&title=$title', 
    success: function(result){
            // update $like_num and $like_username here
            // if you do not have them binded use this
            $('.like_box p.vote_text').text('<value from result>');
            $('.like_box p.vote_text1').text('<value from result>');
        }});
    });