Question

我是JSON的新手，但是我想做的是，当我单击HTML页面上的按钮时，控制台应该显示内容。

当我没有将$.getJSON包装在函数中，但是当我从按钮调用它时，我不知道是什么问题时，此方法有效。

我想保持通话异步，所以我不知道我做错了还是有更好的方法。

这里有我的JS代码

 $(document).ready(function(){
  $("button").click(function(){
    $.getJSON('https://mysite', function(data) {
        var i;
        for(i = 0; i < data.files.length; i++){
          console.log(data.files[i].title);
          var path = data.files[i].path;
          console.log(path);
          document.getElementById("getMedia").innerHTML = 'https://mysite' + path;
          }
        });
      });
});

这是HTML

   <form action="" enctype="multipart/form-data" method="post">
        <button type="submit" class="btn btn-default" id="getfiles">Submit</button>
   </form>

我还尝试将按钮单击的调用更改为$("#getfiles").click(function()，但这也不起作用。

Answer 1

我的猜测是您的页面正在提交并刷新。尝试将<item name="android:windowDrawsSystemBarBackgrounds">true</item> <item name="android:statusBarColor">@android:color/transparent</item>参数添加到函数调用中，然后运行方法event以防止浏览器的默认 submit 行为。

event.preventDefault();

Answer 2

当您使用按钮type="submit"时，实际上会提交表单。正常的行为是页面刷新。像下面一样删除type="submit"。

<button class="btn btn-default" id="getfiles">Submit</button>

在这种情况下，您可以保留点击处理程序。

带有jQuery的调用按钮不会收到JSON响应

2 个答案: