Question

我有这个div，它包含一个锚标记，用于加载一个php脚本，该脚本实质上是将信息添加到数据库并返回到此页面。我想使用这个achor标签运行该php脚本更新数据库并刷新此div而不重新加载页面。 php脚本需要与php $ _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>

我尝试过这样的事情

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

Answer 1

使用此：

 <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>

在javascript方面（jquery）

$(".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>');
        }});
    });

Anchor标签更新div没有页面重新加载

1 个答案: