我已经搜索了一段时间的解决方案,我真的尝试了一切 . 我是json的新手 . jquery的新手,但经常使用它 . 我有一个我正在尝试连接的API,所以我需要删除令牌..但我与渲染数据有重大的脱节 .

我使用postman获取授权,使用这些信息我得到了json字符串 . 然而,当我把它放在我的网址上时 - 什么都没有加载 . 我觉得我错过了一些基本的东西 .

我想 - 单击一个按钮 - 将json数据加载到div中 - 或者在我的示例中它是一个表

我的剧本是

$("button").click(function(){
        $.ajax({
            async: 'true',
      crossDomain: 'true',
      method: 'GET',
      headers: { 
        'authorization': 'Basic OMMITTED',
        'cache-control': 'no-cache'}, 
            type: 'POST',
            url: 'https://www.OMMITTED.com/api/v2/orders.json?limit=200&page=1',
            data: $('#table').serialize(),
            dataType:"json", //to parse string into JSON object,
            success: function(data){ 

            if(data){
                var len = data.length;
                var txt = "";
                if(len > 0){
                    for(var i=0;i<len;i++){
                        if(data[i].id && data[i].customer_id){
                            txt += "<tr><td>"+data[i].id+"</td><td>"+data[i].customer_id+"</td></tr>";
                        }
                    }
                    if(txt != ""){
                        $("#table").append(txt).removeClass("hidden");
                    }

                }
            }
        },
        error: function(jqXHR, textStatus, errorThrown){
            alert('error: ' + textStatus + ': ' + errorThrown);
        }
    });
    return false;//suppress natural form submission
});
</script>

我的HTML

<table id="table" class="hidden">
        <tr>
            <th>id</th>
            <th>customer_id</th>
        </tr>
    </table>
    <button>Get JSON Data</button>

我什么也没得到 - 没有错误 - 没有 . 在我使用的另一个版本中

$(document).ready(function(){
        $("button").click(function(){
            $("#div1").load("TrackingResults.aspx");
        });
    });

上面的变化 - 它将html加载到页面中 - 但没有数据显示 .

如果我去POSTMAN,添加 Headers basic auth和token并点击url - 我得到了json数据

[
      {
        "id": 100,
        "customer_id": 0,
        "date_created": "Thu, 07 Jul 2016 18:59:31 +0000",
        "date_modified": "Thu, 07 Jul 2016 18:59:31 +0000",
        "status_id": 0,
        "status": "Incomplete",

等等

POSTMAN GENERATE CODE制作了这个

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://www.OMITTED.com/api/v2/orders.json",
  "method": "GET",
  "headers": {
    "authorization": "Basic OMITTED",
    "cache-control": "no-cache",
     }
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

这个API我设置了一个单点登录令牌 - 就像我说 - 将该令牌和API网址粘贴到API - 中提琴 - 我得到了数据 . 不幸的是我错过了我所缺少的东西 .

我正在寻找帮助我指明正确方向的人 . 我已经阅读了几天的教程,我可以创建示例JSON数据的文本文件并使其工作 - 但无论我做什么 - 我都无法获得任何json来创建和显示 . 真正寻找正确方向的一点,因为我花了这么多时间试图开始使用json提前感谢 - 对我来说很容易 . 我认真对待stackoverflow的帖子 - 你们真棒!