如何用ajax动态替换Facebook共享链接的一部分

Question

>我有以下有趣的情况...我试图在Facebook的共享按钮链接中创建修改，以便将一小部分替换为UserID号，当该人单击共享链接时，它将转到共享数据加载的相应用户从我的网站PHP文件。

我设法让它与用户号码一起工作...但我无法使用

这是我的脚本

document.getElementById("cliente").innerHTML = myObj.cliente;

这是用户ID为22的工作版本

<div class="fb-share-button" data-href="https://energycycle.com.br/minhaeconomia.php?userid=22#" data-layout="button_count" data-size="large">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fenergycycle.com.br%2Fminhaeconomia.php%3Fuserid%3D22%23&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Compartilhar</a>
</div>

所以基本上我需要替换 22 它在此代码中出现的两次......通过我从微控制器 ESP8266 收到的客户端编号。

如果您 https://www.energycycle.com.br/minhaeconomia.php?userid=22 访问此页面，则可以看到单击共享链接的 Pearson 将看到的输出。 是一个 PHP 页面，它获取用户 ID 并显示数据库中的值。

我尝试了以下内容，但给出了错误

<div class="fb-share-button" data-href="https://energycycle.com.br/minhaeconomia.php?userid=id=" cliente "#" data-layout="button_count" data-size="large">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fenergycycle.com.br%2Fminhaeconomia.php%3Fuserid%3Did=" cliente "%23&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Compartilhar</a>
</div>

在这种情况下，我如何使它被 id 替换工作，请帮助

在网站方面，它与内联一起工作

<?php echo $client?>

正如你在这里看到的

<div class="fb-share-button" data-href="https://energycycle.com.br/minhaeconomia.php?userid=<?php echo $userid ?>#" data-layout="button_count" data-size="large" data-mobile-iframe="true">
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fenergycycle.com.br%2Fminhaeconomia.php%3Fuserid%3D<?php echo $userid ?>%23&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Compartilhar</a>
</div>

但是我没有设法使php在控制器上工作。

提前谢谢。希望你喜欢这个问题

Answer 1

我解决了问题，但仍然有另一个问题，但打开另一个问题来尝试解决它。

我在这里提出的这个问题的解决方案是通过使用这个找到的：

document.getElementById("cliente").innerHTML = '<div class="fb-share-button" data-href="https://energycycle.com.br/minhaeconomia.php?userid=' + myObj.cliente + '#" + data-layout="button_count" data-size="large" ><a  target="_blank" data-layout="button_count"  data-size="large" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fenergycycle.com.br%2Fminhaeconomia.php%3Fuserid%3D' + myObj.cliente + '%23&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Compartilhar</a></div>';

并将其放在按钮必须出现的位置

<div class="fb-share-button" id="cliente" data-layout="button_count" data-size="large" ></div>

然而，就我而言，它仍然需要一些 tweek，因为我从 get 请求中获取此值，并且需要一段时间才能接收数字，并且在收到数字并填充字段后，按钮消失并变成带有链接的简单下划线单词.. 那是因为按钮在 innerhtml 可以操作之前加载。

现在我需要知道如何解决这个问题..如何在从GET请求收到信息后重新加载按钮。

提前致谢