个人中心
gpt4 book ai didi

javascript - XMLHttpRequest - 来自 JavaScript 的 REST

转载 作者：行者123 更新时间：2023-11-30 10:00:34 25 4
gpt4 key购买 nike

我在我的本地主机上运行了一个网络服务器。如果我从我的网络服务器加载我的网页，一切正常。我可以用我的网络服务器打开一个 REST session 。

JS 代码:--

$(document).ready(function() {

                      var xhr = new XMLHttpRequest();
                      var open_str = "http://localhost:8080/vscp/rest?user=admin&password=d50c3180375c27927c22e42a379c3f67&format=json&op=1";
                      xhr.open("GET", open_str, true);
                      xhr.onreadystatechange = function() {
                                  alert(xhr.readyState + "" + xhr.status);
                        if (xhr.readyState == 4 && xhr.status == 200) {

                            alert("session opend success");

                            var json = JSON.parse(xhr.responseText);
                            alert(JSON.stringify(json, null, 10));

                        }
                      }
                      xhr.send();
});

HTML 代码:--

<!DOCTYPE html>
<html>
    <head>
        <title>Hello jQuery</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="hello.js"></script>
    </head>

    <body>
        <div>
            <p class="greeting-id">Trying to open the REST session with vscpd </p>
        </div>
    </body>
</html>

现在，如果我从我的 D: 驱动器加载相同的 html 页面:--

file:///D:my_folder/htm_test.html

我收到以下错误消息“不存在‘Access-Control-Allow-Origin’ header ”。我检查了 javascript 代码，xhr.readyState 是 4，xhr.status 是 0。

请建议对我的 javascript 代码进行哪些更改，这样，如果我使用 file:/// 直接从我的 D: 驱动器打开 html 文件，那么 REST session 也可以使用我的正确打开网络服务器。

========================= JSONP代码==================== ====

$(document).ready(function() {

                      var url = "http://localhost:8080/vscp/rest?user=admin&password=d50c3180375c27927c22e42a379c3f67&format=json&op=1";

                      function jsonpCallback(response) {

                          alert('success');
                      }

                      $.ajax({
                          url: url,
                          dataType: 'jsonp',
                          error: function(xhr, status, error) {
                                     alert("error" + "  " + error.message);
                          },
                          success: jsonpCallback
                      });
                      return false;
});

我得到的错误:--服务器正在发送正确的响应:--{“成功”:真，“代码”:1，“消息”:“成功”，“描述”:“成功”，“ session ID”:“e5a36e14b687c37b615dbc6a9506df5c”，“nEvents”:0}

但是 ajax 调用给出了这个响应的错误，即“Uncaught SyntaxError: Unexpected token :”

enter image description here

最佳答案

您遇到了 Same Origin Policy - 这是一种安全机制，可以限制从一个域加载的 JavaScript 向另一个域发送请求。

有various ways围绕它，如果你使用的是谷歌浏览器，我建议 setting the --allow-file-access-from-files flag当您启动浏览器时，Firefox 也会provides a way to work around it ，但不要忘记在完成测试后禁用这些选项，它们存在是有充分理由的!

关于javascript - XMLHttpRequest - 来自 JavaScript 的 REST，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31958217/

25 4 0
文章推荐： python - 在 scikit-learn 中获得多标签预测的准确性
文章推荐： java - Jackson 没有大写 XML 元素
文章推荐： javascript - 显示 :none not working in popup
文章推荐： machine-learning - 当向预训练的 CNN 添加层时，您是添加到开头还是后面。它像队列还是堆栈？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com