首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在AJAX驱动的页面上添加Facebook"赞"按钮

在 AJAX 驱动的页面上添加 Facebook "赞" 按钮,需要遵循以下步骤:

  1. 在页面中添加 Facebook SDK:

在页面的 <head> 标签中添加以下代码,以加载 Facebook SDK:

代码语言:html
复制
<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>
  1. 在页面中添加 "赞" 按钮:

在页面中添加以下代码,以添加 Facebook "赞" 按钮:

代码语言:html
复制
<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 地址。

  1. 使用 AJAX 加载新内容:

在 AJAX 请求完成后,需要调用 FB.XFBML.parse() 函数,以重新解析并呈现 "赞" 按钮。例如:

代码语言:javascript
复制
$.ajax({
  url: "example.php",
  success: function(data) {
    // 更新页面内容
    // ...

    // 重新解析并呈现 "赞" 按钮
    FB.XFBML.parse();
  }
});

这样,在 AJAX 驱动的页面上就可以成功添加 Facebook "赞" 按钮了。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券