使用javascript在URL之间切换以基于按钮元素可见性检索json

我对javascript非常陌生，我已经设置了一个网页来检索从传感器提供数据的传感器，但是我也将传感器的值推送到mysql数据库。因此，我在网页上制作了一个按钮，显示一个live按钮

liveBtn

，以及一个数据库按钮

dbBtn

，根据该按钮可见，URL设置为从mysql检索json或从传感器检索live。我想知道以下哪种方法更适合设置URL：

默认情况下，在HTML页面中，我将数据库按钮

dbBtn

隐藏，并将

liveBtn

live按钮可见

1st

hostName = window.location.hostname;

function urlSwitcher(){

if ($('#dbBtn:not(:visible)'))  {
        url ="http://" + hostName + "/arduino/directEncode.php";
  } else 
  {
        url = 'http://' + hostName.replace("192.168.1.3", "192.168.1.156");  + ':8095/json';
  }
  return url;
}

 // or the 2nd one.

function urlSwitcher(){
    var liveBtn = document.getElementById("liveBtn");
    if (liveBtn.style.display !== 'none') {
      url ="http://" + hostName + "/arduino/directEncode.php";
    } else {
      url = 'http://' + hostName.replace("192.168.1.3", "192.168.1.156")  + ':8095/json';
    }
}

---

我想知道我应该如何放置，或者应该设置什么，以便在页面加载时正确执行。因此，一旦页面被加载，URL就可以用于ajax调用。

您需要

$（'#dbBtn'）。是（':hidden'）

<代码> $（'{dBbtn:No:（可见））总是返回一个真实的对象，因此在<代码>中执行代码，如果将被执行。您可能还想考虑使用两个分离的按钮，并根据当前显示的URL胡式显示一个或另一个按钮。@ AlxPaNek就是我所做的。这是我第一次发现使用jQuery还可以检查元素隐藏的其他方式，而不是style.display='none'，这可能是好的，也可能是坏的，这取决于您的用例@啊，我的错。我对此有不同的理解。