javascript - 如何在收到获取请求后重新加载 CSS 或按钮或页面的一部分？

Question

在获取请求到达后，值在那里并且按钮消失

这是在本地主机上工作的按钮..

我试图在页面中添加一个 Facebook 共享按钮，其中包含来自 esp826 服务器的动态内容(如 userid)，使用 java 脚本(如 innerhtml)，当页面正文加载时，通过 ajax 调用获取一次 json 请求。当我在我的本地主机上测试时，一切正常，因为 json 文件加载速度非常快，并且在按钮加载之前，所以一切正常。但是当我使用 esp8266 服务器时，get 请求的响应会在按钮加载后出现，因此当它收到并且字段中填充了值时，按钮消失并且只保留一个带有链接的单词。

基本上按钮在我的本地主机上工作...所以 innerhtml 和一切都很好.. 看来我需要找到一种方法来重新加载 css 或通过 javascript 使按钮框再次事件。

有没有办法重新加载按钮？

.json 文件就是这样的:getajx.json{"temp1":"1", "energia":"2", "energiatotal":"3", "tem":"2", "cliente":"22", "usuario":"22 "

您可以通过将具有该内容的 getajx.json 文件放置在 html 页面的同一目录中来测试您的本地主机是否可以正常工作...但是我需要知道如果 get 请求太多，如何让它工作长..请帮忙？？？

我尝试在响应为肯定后添加一个标志并用它激活 reloadCss 功能但没有成功

    <script>
var temp1, energia, energiatotal, tem, cliente, usuario ;
var ok=0;
       function GetAjx() {
       var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
         ok = 1;
        var myObj = JSON.parse(this.responseText);
       document.getElementById("temp1").innerHTML = myObj.temp1;
        document.getElementById("energiatotal").innerHTML = myObj.energiatotal;
        document.getElementById("tem").innerHTML = myObj.tem;

                    }};
            if (ok =1) {    function reloadCss(){
    var links = document.getElementsByTagName("link");
    for (var cl in links){
        var link = links[cl];
        if (link.rel === "stylesheet")
            link.href += "";
    }}
};  
xmlhttp.open("GET", "getajx.json" , true);
xmlhttp.send();
}
</script>

Answer 1

我找到了一个解决方案...

显然我必须更改脚本的顺序，使 jquery ajax 源首先加载，并且还尝试将来自 facebook 的脚本放在页面底部...

我拿走了我正在测试的重新加载脚本和其他 facebook 脚本

最重要的是，将 get 请求设置为 false 以使其同步而不是异步，这会强制页面等待 get 请求完成。奇怪的是，我之前尝试过但没有使用这个解决方案，这可能是因为脚本的顺序。 . 任何人都可以对此发表评论吗？

xmlhttp.open("GET", "getajx.json", false);

在特定性能选项卡中使用谷歌浏览器上的 f12 很有帮助

我决定不搞乱脚本的优先级，即使我试过了

任何意见我将不胜感激

再次

感谢帮助