在 href 中使用 php 但与 jquery 保持在同一页面上

Question

基本上我有一个href，它通过json传递图像的id，如下所示：

http://localhost:4567/public/vote.html?image=50b4d006fa4634bb130000fe

然后，这会根据 id 在 mongo 中创建/更新图像，并在用户/访问者投票时更新。

在处理完 vote.html 中的代码后，我使用 silex 进行重定向：

 return $app->redirect('popular.html'); 

我想知道是否可以使用 jquery 来处理上面的 href 而无需重定向，所以基本上我可以点击投票，并且数字会在用户不知道他们已被重定向的情况下无缝更改。

已回答

抱歉这个模糊的问题，但我的回答确实来自下面发布的原则。

我更改了 href 以分配投票类别和图像的 id：

<a class="vote" id="' + image.id + '" href="#">

然后将此添加到我的 $(document).ready 函数中：

$(".vote").live('click', function() {
        $('span', this).toggle();
        $.ajax( site_url + 'vote.html?image=' + $(this).attr('id'));
    });

理论上this使用mongo对象的id，每次点击对象时将其附加到url，处理href而不重定向。

Answer 1

是的，您可以使用一些 jQuery 来帮助您。这是一个非常人为的示例，因为您没有为您的投票按钮/图像提供任何 HTML 标记示例。

$(function() { // anything in here will happen once the DOM is ready
    $('.vote').click(function(e) { // assign click for each elem w/ class "vote" 
        e.preventDefault(); // prevent default action (if elem was an anchor)
        // Make the server request asynchronously
        var $this = this;
        $.ajax({
            type: "POST", // or "GET"; or use $.post()/$.get() 
            url: $(this).attr("href"), // the href of the anchor
            data: null // or JSON here (e.g. { 'id': 'abcde' })
        }).done(function(data) { // vote.html should be image data of some kind
            // update the DOM with the new vote image
            // possible example if response was base64 encoded png
            $($this).closest('image').attr("src", "data:image/png;base64," + data);
        });
    });
});

Answer 2

为什么不使用 AJAX 来更新号码？ jquery.ajax() 真的很简单

Answer 3

你可以像这样覆盖 jQuery 中的点击事件：

$("a").click(function(event) {
  event.preventDefault();
  // DO MY STUFF HERE
});