网页在本地主机上工作正常，但当我在 google 驱动器中托管时却不行

Question

当我从我的浏览器（作为本地主机）运行时，标题中提到的以下代码工作正常，但是当我尝试从文件运行相同的网页时，我已在 google 中发布驱动器无法正常工作。页面似乎已正确加载（从外观上看），但它不再起作用了。

<html>
<head>
    <title>ESP8266 LED Control</title>
</head>
<body>

<!-- in the <button> tags below the ID attribute is the value sent to the arduino -->

<button id="11" class="led">Toggle Pin 11</button> <!-- button for pin 11 -->
<button id="12" class="led">Toggle Pin 12</button> <!-- button for pin 12 -->
<button id="13" class="led">Toggle Pin 13</button> <!-- button for pin 13 -->

<script src="jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".led").click(function(){
            var p = $(this).attr('id'); // get id value (i.e. pin13, pin12, or pin11)
            // send HTTP GET request to the IP address with the parameter "pin" and value "p", then execute the function
            $.get("http://78.87.xx.xx:337/", {pin:p}); // execute get request
        });
    });
</script>
</body>
</html>

应该在每次按下按钮后向具有特定参数的 IP 地址发送 GET 请求，即 GET /?LED1=on HTTP/1.1，但监听端没有任何消息（ http://78.87.xx.xx:337/).

Answer 1

您不能在所有浏览器中默认向另一个 domain/IP 发送 AJAX 请求。在 localhost/127.0.0.1 上下文中浏览时会关闭这些限制。

如果您想向另一个 domain/IP 发送请求，您必须启用 cross-origin resource sharing or you have to use JSONP。

网页在本地主机上工作正常，但当我在 google 驱动器中托管时却不行

Web page works fine in local host but not when i host it in google drive

ajax

cross-domain