如何访问我的 html 中的 json 数据

大佬教程收集整理的这篇文章主要介绍了如何访问我的 html 中的 json 数据，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

开发过程中遇到如何访问我的 html 中的 json 数据的问题如何解决？下面主要结合日常开发的经验，给出你关于如何访问我的 html 中的 json 数据的解决方法建议，希望对你解决如何访问我的 html 中的 json 数据有所启发或帮助；

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

    <section...>
    <div class="slIDeshow-container">
      <!-- Full-wIDth images with number and caption text -->
      <div class="mySlIDes fade">
        <div class="numbertext"></div>
        <img src="img/test.png" style="wIDth:100%">
        <div class="text">Caption Text</div>
      </div>
 
      <div class="mySlIDes fade">
        <div class="numbertext"></div>
        <img src="img/test1.png" style="wIDth:100%">
        <div class="text">Caption Two</div>
      </div>
 
      <div class="mySlIDes fade">
        <div class="numbertext"></div>
        <img src="img/test2.png" style="wIDth:100%">
        <div class="text">Caption Three</div>
      </div>
 
      <!-- Next and prevIoUs buttons -->
      <a class="prev" onclick="plusSlIDes(-1)">&#10094;</a>
      <a class="next" onclick="plusSlIDes(1)">&#10095;</a>
    </div>
    <br>
 
    <!-- The dots/circles -->
    <div style="text-align:center">
      <span class="dot" onclick="currentSlIDe(1)"></span>
      <span class="dot" onclick="currentSlIDe(2)"></span>
      <span class="dot" onclick="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 (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的如何访问我的 html 中的 json 数据全部内容，希望文章能够帮你解决如何访问我的 html 中的 json 数据所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。