获取表格行的内容，并使用Jquery使用共享按钮在Facebook上发布

Get contents of a table row and post on Facebook with a share button using Jquery

本文关键字：按钮 共享 Facebook Jquery 表格 获取      更新时间：2023-09-26

我的网站上有一个基本表格，该表格在一行中以 5 个 tds 显示以下数据：

  • 活动日期
  • 事件时间
  • 事件类型
  • 活动地点
  • 活动组织者

我想在行中添加最后一个 td，其中包含一个 Facebook 共享按钮，以便整行的内容可以在 Facebook 上共享。

我

找到了另一个SO帖子，我试图根据自己的帖子进行定制，但似乎无法使其正常工作。原始堆栈溢出帖子。它将打开对话框，但出现错误。谁能告诉我这将如何完成？毫无疑问，我有很多问题，但非常感谢任何帮助。

$('.fb').on('click', function(event) {
    event.preventDefault();
    var type = $(this).parent().siblings('.type');
    var url = 'http://www.facebook.com/dialog/feed?' + 'app_id=1498631000398156' + 'link=http://developers.facebook.com/docs/reference/dialogs/&' + 'picture=http://fbrell.com/f8.jpg&' + 'name=' + encodeURIComponent(type) + 'caption=date&' + 'description=.type%20on%20.date%20@%20.time%20.location%20organised%20by%20.organiser&' + 'redirect_uri=http://www.my-website.co.uk';
    window.open(
    url, '_blank' // <- This is what makes it open in a new window.
    );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<table id="events-list" border="0" cellpadding="0" cellspacing="0">
          <tbody>
            </tbody>
          <thead>
            <tr>
              <td>DATE</td>
              <td>TIME</td>
              <td>TYPE</td>
              <td>LOCATION</td>
              <td>ORGANISER</td>
              <td>SHARE</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="date">27-November-2014</td>
              <td class="time">20.30 - 22.00</td>
              <td class="type">Opportunity Event</td>
              <td class="location">Tapas Bar La Trinca</td>
              <td class="organiser">Stephanie</td>
              <td class="share"><a class="fb" href="#" target="_blank">FACEBOOK</a></td>
            </tr>
          </tbody>
          </table>

你唯一可以在Facebook上分享的就是URL。

在该URL中，您可以拥有任何您想要的东西，而Facebook只关心该URL是否存在，并且如果它有一些图形元标记，它就可以更好地了解其中的内容。

这意味着您必须设置您的应用程序，我不知道您在后端使用什么，并创建一个包含单个行数据的路由，例如：http://example.com/datas/1 其中 1 是该行的 ID，当它询问时，它只响应它的数据。

通过这种方式，您可以在Facebook上共享每行的URL。

PS ：但是你可以在别人的Feed上发布任何你想要的东西，要做到这一点，你必须使用Facebook API，而不是在Facebook对话框对象上做一个简单的HTTP Cal。

希望这是有道理的。

相关文章：