2016-08-23 6 views
1

再回來。爲了解決CORS問題,我現在使用替代聚合物元素(byutv-jsonp)而不是鐵ajax。正如你所看到的,它成功地返回了一個有效的JSON響應,但現在我似乎無法訪問它,並且有一個語法錯誤,這讓我認爲我需要將其重新串入JSON中?不太確定。發送JSONP請求後訪問有效的JSON數組? (聚合物)

<template is="dom-bind"> 

    <byutv-jsonp 
     auto 
     url="https://api.bookeo.com/v2/bookings/" 
     params=' 
     { 
     "secretKey":"xxxxxxxxxxx", 
     "apiKey": "xxxxxxxxxxxxxxx" , 
     "startTime": "2016-08-10T00:00:00.000Z", 
     "endTime": "2016-08-16T00:00:00.000Z" 
     }' 
     last-response="{{lastResponse}}" 
     on-response="handleResponse" 
     debounce-duration="300"></byutv-jsonp> 

    <template is="dom-repeat" items="{{lastResponse}}"> 
     <div>{{item.title}}</div> 
    </template> 

    </template> 

screenshot

+0

'lastResponse'被設置在哪裏?它看起來像你正在設置你最後的'項目'的迴應。其中,我沒有看到在任何地方使用。 – anthony

+0

@Anthony Ok我認爲我在上面修正了最後一個響應的錯誤,現在我的代碼與官方[demo]相匹配(https://github.com/coderfin/byutv-jsonp/blob/master /demo/index.html)(第60行),但仍然存在相同問題 – Jake

+0

響應無效JSONP。它看起來不像bookeo支持JSONP。 https://www.bookeo.com/api/protocol/沒有這種支持byutv-jsonp將不起作用。 – coderfin

回答

0

問題在於你的JSON數據。您試圖訪問您的對象的title,但它嵌套在數組和父對象中。這應該基於你已經顯示的json對象工作

<template is="dom-repeat" items="{{lastResponse.data[0]}}"> 
    <div>{{item.title}}</div> 
</template>