如何解决如何访问我的 html 中的 json 数据？

我有一个基于 Eclipse 的应用程序，其中有一个 html 格式的欢迎页面。 我在 html/javascript 中制作了一个图像滑块。

    <section...>
    <div>
      <!-- Full-width images with number and caption text -->
      <div>
        <div></div>
        <img src="img/test.png">
        <div>Caption Text</div>
      </div>
 
      <div>
        <div></div>
        <img src="img/test1.png">
        <div>Caption Two</div>
      </div>
 
      <div>
        <div></div>
        <img src="img/test2.png">
        <div>Caption Three</div>
      </div>
 
      <!-- Next and prevIoUs buttons -->
      <aonclick="plusSlides(-1)">&#10094;</a>
      <aonclick="plusSlides(1)">&#10095;</a>
    </div>
    <br>
 
    <!-- The dots/circles -->
    <div>
      <spanonclick="currentSlide(1)"></span>
      <spanonclick="currentSlide(2)"></span>
      <spanonclick="currentSlide(3)"></span>
    </div>
</section>      
 
<script>
        var slideIndex = 1;
        showSlides(slideIndex);
        
        function plusSlides(n) {
          showSlides(slideIndex += n);
        }
        
        function currentSlide(n) {
          showSlides(slideIndex = n);
        }
        
        function showSlides(n) {
          var i;
          var slides = document.getElementsByClassName("mySlides");
          var dots = document.getElementsByClassName("dot");
          if (n > slides.length) {slideIndex = 1}    
          if (n < 1) {slideIndex = slides.length}
          for (i = 0; i < slides.length; i++) {
              slides[i].style.display = "none";  
          }
          for (i = 0; i < dots.length; i++) {
              dots[i].className = dots[i].className.replace(" active","");
          }
          slides[slideIndex-1].style.display = "block";  
          dots[slideIndex-1].className += " active";
        }
</script>

效果很好！我是 javascript 的新手，所以我在互联网上找到了这段代码，结果证明它非常有效

更糟糕的是，当我要显示的图像要在 json 中获取时（json 不对我的失败负责，我也用 xml 进行了测试） 我试过这个： 在我的 html 中：

<section...>
    <a href="#" id="get-data">Get JSON data</a>
    <div id="show-data"></div>
    <script src="javascript/jquery-3.2.1.min.js"></script>
    <script src="example.js"></script>
</section>

在我的 example.js 中

$(document).ready(function () {
    var showData = $(''#show-data'');
 
    $.getJSON(''test.json'',function (data) {
      console.log(data);
 
      var items = data.items.map(function (item) {
        showData.text(item.value)
        return item.key + '': '' + item.value;
      });
 
      showData.empty();
 
      if (items.length) {
        var content = ''<li>'' + items.join(''</li><li>'') + ''</li>'';
        var list = $(''<ul />'').html(content);
 
        showData.append(list);
      }
    });
});

在 Eclipse 下我什么也得不到...... 突然间，我寻找一种在 chrome 下“调试”的方法，它告诉我有关“跨源请求”的问题。 我寻找它的用途，根据我的建议，我发现使用 --allow-file-access-from-files 选项启动了 chrome，但没有任何帮助。 我不明白错误，因为我在本地处理所有内容，我的 hmtl 就像我的 json。 我也试过把我的 json 放在服务器上，没问题。

所以我有两个选择：

• 有人知道如何绕过这个问题，我不能使用 PHP
• 我用java处理json（我在java中更舒服，我通过javascript调用这个java函数）可能吗？我测试过，但我从来没有输入有问题的 java 函数我用它的插件名称 com.blabla.ClassName.MyFunction 调用这个函数，但我在网上找不到太多关于这个主题的事实，因此我认为这可能不是正确的道路

对不起，这篇长文章，我试图做到详尽无遗，因为我测试并做了很多研究！ 感谢您的关注

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

Namespace DLL

    Public Interface IDataRetriever

        Public Function GetData() As Object

    End Interface

End Namespace

Public Class DataRetriever
    Implements DLL.IDataRetriever

    Public Function GetData() As Object Implements DLL.IDataRetriever.GetData
        //...
        Return New Object()
    End Function

End Class

Namespace DLL

    Public Class Utility

        Public Shared Function DLLFunction( retriever as IDataRetriever )
            retriever.GetData()
        End Function

    End Class

End Namespace

Class MainForm

    Sub Example()

        DLL.Utility.DLLFunction( New DataRetriever() )

    End Sub

End Class

<Meta name="user/config/environment" content="%7B%22modulePre.your.config">

new EmberApp({
  storeConfigInMeta: false
});

<script id="test" type="application/json" src="http://myresources/stuf.json">

<script id="myJson" type="application/json"> {    name: ''Foo''  }</script><script type="text/javascript">    $(function() {        var x = JSON.parse($(''#myJson'').html());        alert(x.name); //Foo     });</script>