聚合物数据绑定铁 AJAX 并在控制台中访问获取的 JSON

polymer data-bind iron ajax and access fetched JSON in console

本文关键字：访问 获取 JSON 控制台 数据绑定 AJAX 聚合物      更新时间：2023-09-26

我能够使用 iron-ajax 获取 json 数据并绑定到 DOM。但无法访问脚本中的 ajax响应。 

<template id="t" is="dom-bind">
        <iron-ajax 
        auto
        id="dataAjax" 
        url="data.json"
        last-response={{ajaxResponse}}></iron-ajax>
        <p>Data from ajax: <span>{{ajaxResponse.id}}</span> <span>{{ajaxResponse.val}}</span> </p>

</template>

如何在脚本中访问 ajaxResponse 并查看 json 数据？

代码中有语法错误。你需要用括号括起来{{ajaxResponse}}。

<template id="t" is="dom-bind">
        <iron-ajax 
        auto
        id="dataAjax" 
        url="data.json"
--      last-response={{ajaxResponse}}></iron-ajax>
++      last-response="{{ajaxResponse}}"></iron-ajax>
        <p>Data from ajax: <span>{{ajaxResponse.id}}</span> <span>{{ajaxResponse.val}}</span> </p>
</template>

这是一个基本工作iron-ajax演示的 JS Bin。

您可以像这样访问它： document.getElementById('dataAjax').lastResponse但是您必须确保没有错误并且请求已完成。

您还可以使用handle-as="json"

相关文章：