如何在通过Ajax加载的页面上使用Facebook共享FBML按钮？
在通过Ajax加载的页面上使用Facebook共享FBML按钮，可以采用以下步骤：
- 在页面加载时，加载Facebook SDK。
- 在Ajax加载的页面上添加Facebook共享按钮的HTML代码。
- 在Ajax加载完成后，调用
FB.XFBML.parse()方法，将FBML代码解析为可用的按钮。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Facebook Share Button with Ajax</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
cookie : true,
xfbml : true,
version : 'v12.0'
});
// Load Facebook share button after Ajax content is loaded
$(document).ajaxComplete(function() {
FB.XFBML.parse();
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</head>
<body>
<div id="content">
<!-- Your Ajax content goes here -->
</div>
<script>
// Load Ajax content
$(document).ready(function() {
$('#content').load('your-ajax-content-url');
});
</script>
</body>
</html>在Ajax加载的页面上添加Facebook共享按钮的HTML代码：
<div class="fb-share-button" data-href="https://www.example.com" data-layout="button_count" data-size="small"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.example.com%2F&src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a></div>在Ajax加载完成后，调用FB.XFBML.parse()方法，将FBML代码解析为可用的按钮：
$(document).ajaxComplete(function() {
FB.XFBML.parse();
});这样，在通过Ajax加载的页面上就可以使用Facebook共享FBML按钮了。
相关·内容
我有一大块内容是通过加载的，在那个页面上我有一个FBML分享按钮。我也在没有FBML的情况下尝试过，只使用了超链接和脚本标记。当我直接加载内容时，share按钮加载得很好，但是当我通过Ajax加载它时，该按钮就不显示了。关于如何让Facebook的分享按钮工
浏览 6提问于2009-12-02得票数 3
回答已采纳
我发现了许多关于如何在粉丝页面上创建FBML标签页的在线教程，这些标签页允许粉丝邀请他们的朋友访问该页面，但所有这些教程都过时了，因为在3月11日之后不可能创建新的FBML点击。所以我现在想知道如何在我的facebook粉丝页面上创建一个不使用FBML的“邀请朋友”选项卡。我知道“发送”按钮被
浏览 0提问于2011-09-09得票数 0
回答已采纳
我正试图在我的一个子页面中添加xfbml代码，我意识到我必须添加下面这一行：添加到页面的HTML部分，如下所示：但我不想将其添加到母版页中，因为我只在一个子页<
浏览 0提问于2010-09-10得票数 3
回答已采纳
设置一个facebook应用程序，通过一个画布iframe拉取一个网站(没有什么特别的)。因此，它提取的代码只是您的基本html/php。唯一的例外是我的页面中的共享按钮，
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
浏览 0提问于2011-03-23得票数 3
回答已采纳
我一直在尝试找出如何在facebook粉丝页面上添加一些类似按钮的方法。我知道有很多方法可以做到这一点。例如，该页面实现了一种like按钮：在这个应用程序上，like按钮起作用。然而，当我试图将它添加到facebook页面的标签页上时，我得到了一个
浏览 1提问于2010-12-27得票数 2
回答已采纳
所以我正试着给我的个人帖子添加一个“喜欢”。所以我在每个帖子里都添加了这个。帖子是从数据库输出中生成的，然后在javascript文件中使用适当的样式进行组装。奇怪的是
浏览 0提问于2011-03-03得票数 0
2回答
IU正在尝试创建我在Facebook Canvas/IFRAME.中运行的第一个应用程序我在这个项目中使用(PHP)。我已经设法登录，并显示我的图片和名字在应用程序，基本的东西是工作的。
浏览 0提问于2010-05-14得票数 2
回答已采纳
2回答
当放入Facebook状态文本框时，此页面会将带有我的姓名和缩略图的缩略图、描述和页面标题抓取到Facebook共享者文本框中：
但是，它显然是一个加载了AJAX的页面(从散列片段URL可以看出)。如何在通过AJAX加载的页面上完成相同的任务？
浏览 0提问于2011-08-27得票数 0
直到昨天，我才使用没有xfbml的facebook共享按钮。昨天，我看到那个共享按钮不起作用。
直到昨天，我才添加了一个名称为fb_share的锚元素，facebook将该元素转换为共享按钮。js没有将锚转换为共享按钮，我在facebook开发者页面上寻找fb共享按钮的<em
浏览 6提问于2012-07-21得票数 2
回答已采纳
4回答
是否可以使用Ajax在facebook fbml (而不是iframe)中上传文件？这并不复杂，只需使用简单的输入文件“type=”标签包装在表单中，然后使用facebook内置的ajax发布。如果可以，那么如何在服务器中接受它？我使用rails facebooker作为我的后台，使用回形针插件作为我的文件上传系统。
谢谢
浏览 0提问于2009-11-22得票数 0
回答已采纳
写我的第一个facebook网络应用程序和我有一些问题。我正在使用他们的新图形API + JS库。假设用户已登录。如果用户不喜欢该页面，我会通过
FB.XFBML.parse('<fb:fan profile_id="A's id" stream="0" connections="0"
浏览 2提问于2010-04-30得票数 1
我用facebook做了一个基于AJAX的登录系统，我有点小问题.我有一个带有的表单页面，它第一次通过PHP导入，然后在有人单击按钮时通过AJAX调用，以便在登录成功时更改内容，或者在登录失败时显示相同的表单。></tr></form>
问题是，当我通过AJAX调用这个表单页面时，页面在中间
浏览 1提问于2011-10-31得票数 0
回答已采纳
我想在html文件中显示.txt文件的上下文。第一个问题是这是否可能(通过谷歌搜索找不到任何像样的答案)，第二个问题是显而易见的。编辑:我在上看到这个问题
这会改变mattbasta
浏览 0提问于2010-10-09得票数 1
回答已采纳
我有一个大页面，底部有一个"load more“按钮；每次点击"load更多”，就会通过AJAX加载更多的内容。，我可以要求Facebook用FB.XFBML.parse();重新解析整个页面(这会导致那些div变成实际的类似按钮)。然而，这是完美的，但是它很快就会变慢，因为Facebook重新解析了页面上已经存在的内容，而不仅仅是新内容。每次用户单击"load更多“时
浏览 3提问于2013-08-19得票数 9
回答已采纳
2回答
不推荐的FBML
、、、、
你可能已经知道(或者在这篇文章的末尾阅读引文)，Facebook反对FBML来开发应用程序。我目前正在推出一个新的浏览器插件，并需要在我的facebook页面上的登陆选项卡与个性化的安装按钮和所有有用的功能，你可以希望在一个扇页。然而，我不能在我的页面中使用iframe，因为Facebook禁止使用它(参见与相
浏览 3提问于2010-11-25得票数 1
回答已采纳
亲爱的，我有一个关于Facebook页面的问题：(不是用户简介页面，我指的是可以成为粉丝的facebook页面)
如何在墙标签左下角添加自定义框？另外，将$facebook->api_client->profile_setFBML和$facebook->api_client->profile_setInfo放在应用程序中，似乎不能为页面添加框提供一种方法下面是一个由另一个人完成的示例图像。我已经在图像上画了一个圆圈。我想知道如何
浏览 3提问于2009-07-07得票数 1
回答已采纳
这是正在生成的代码。<div id="fb-root"></div><script>(function(d){var js, id = 'facebook-jssdk'; if (d.getElementById(id)){return;}js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook<
浏览 1提问于2011-09-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
