javascript - 更改G+ url参数而不刷新页面

Question

我有一个用户可以在 fb 和 G+ 上共享的链接。

用户可以修改该链接，并且他通过 ajax 调用来完成此操作，因此页面不会刷新。

我的 gplus 按钮代码:

<link rel="canonical" href="{{ url }}" />
<g:plus action="share" style="height: 28px;" ></g:plus>

当用户更改 url 时，我也会更新 href 属性:

$.post(url,{
       someParams:"someValues"
   },function(data){
 .
 .
 .
 // updating the href attribute with the new modified url 
 $('link[rel="canonical"]').attr("href",data.url);
 }

问题是 G+ 按钮仍然加载旧网址。但只有通过刷新我才能得到新的。

我的问题是如何在不刷新页面的情况下更改 G+ 网址？

Answer 1

这是你想要的吗(显然改变了你的ajax回调逻辑的提示)？

http://jsfiddle.net/coma/2783J/6/

HTML

<!-- Place this tag where you want the +1 button to render. -->
<div id="gplus"></div>
<button>change it!</button>

JS

$(function() {

    var container = $('#gplus');
    var render = function(url) {

        container.html('<g:plusone href="' + url + '"></g:plusone>');
        gapi.plusone.go('gplus');

    };

    $('button').click(function(event){

        var url = prompt('Give me an URL');
        render(url);

    });

    render(location.href);

});

请注意，我正在该 jsfiddle 的外部资源中加载 plusone.js。

顺便说一句，你为什么使用 Symfony2 标签？