Safari上的Ajax請求不起作用

Question

我有一個帶有ajax請求的HTML頁面，該頁面在firefox上運行良好，但是safari沒有任何作用。 在調試時，我看到readystate未定義，狀態為“”。 有誰知道為什么它不適用於野生動物園？

JavaScript代碼：

    <script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "pegSolitaireSettings.html", true);
  xhttp.send();
}
function reloadGame() {
    location.reload();
}
</script>

HTML代碼：

<div id="demo">
  <button type="button" onclick="loadDoc()">Settings</button>
  <div class="center-div">...</div>
</div>

Answer 1

Firefox無法為您解決錯誤，而Safari無法為您解決。

您正在嘗試請求相對URL： "pegSolitaireSettings.html"

將其更改為： "http://HOSTNAME/pegSolitaireSettings.html"或"//HOSTNAME/pegSolitaireSettings.html" ，它將正常工作。

其中HOSTNAME是主機的域名。

Answer 2

這就是我實際上擁有的（簡化的）功能，可以在瀏覽器中訪問http://www.pegsolitaire.com/pegSolitaireSettings.html ，因此虛擬主機應該不是問題

 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="CSS/styles.css" type="text/css"> <script> function loadDoc() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("demo").innerHTML = this.responseText; } }; xhttp.open("GET", "http://www.pegsolitaire.com/pegSolitaireSettings.html", true); xhttp.send(); } function reloadGame() { location.reload(); } </script> </head> <body> <div id="demo"> <button type="button" onclick="loadDoc()">Settings</button> <div id="gameInfo" align="center"> <br> <div class="values" id="totalTime"></div> </div> </div> </body> </html>

Safari上的Ajax請求不起作用

問題描述

2 個解決方案

解決方案1
0 2018-05-15 18:53:09

解決方案2
0 2018-05-15 20:41:17

Safari上的Ajax請求不起作用

問題描述

2 個解決方案

解決方案1 0 2018-05-15 18:53:09

解決方案2 0 2018-05-15 20:41:17

解決方案1
0 2018-05-15 18:53:09

解決方案2
0 2018-05-15 20:41:17