在 AJAX 驱动的页面上添加 Facebook "赞" 按钮,需要遵循以下步骤:
在页面的 <head>
标签中添加以下代码,以加载 Facebook SDK:
<div id="fb-root"></div><script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0" nonce="随机字符串"></script>
在页面中添加以下代码,以添加 Facebook "赞" 按钮:
<div class="fb-like" data-href="页面链接" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="true"></div>
其中,data-href
属性应设置为页面的 URL 地址。
在 AJAX 请求完成后,需要调用 FB.XFBML.parse()
函数,以重新解析并呈现 "赞" 按钮。例如:
$.ajax({
url: "example.php",
success: function(data) {
// 更新页面内容
// ...
// 重新解析并呈现 "赞" 按钮
FB.XFBML.parse();
}
});
这样,在 AJAX 驱动的页面上就可以成功添加 Facebook "赞" 按钮了。
领取专属 10元无门槛券
手把手带您无忧上云