我已经搜索了一段时间的解决方案,我真的尝试了一切 . 我是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的帖子 - 你们真棒!