0

我正在使用 iron-pages 和 app-router 将我发送到一个新页面，我需要一个 iron-ajax 元素来发送带有从路由器发送的参数的请求。

但是，当我尝试在 Iron ajax 中添加我的参数 {{parameter.identifier}} 时，它不起作用。

我怀疑这与本地路由参数有关，而 Iron-ajax 看不到它？我试图为参数添加一个属性和一个 getter 函数，但似乎没有任何工作......

此外，我知道 ajax 是正确的，因为如果我将绑定变量 {{parameter.identifier}} 更改为数据库中存在的值，它就可以查询。

<dom-module id="cst-data">
    <template>
        <style> 

    </style>

    <triplat-route name="dataRoute" params="{{parameters}}"></triplat-route>

    <iron-ajax
    id="getData"
    auto
    url="http:/.../oslc/os/OSLCPERSON?"
    params='{"oslc.where":"dcterms:identifier={{parameters.identifier}}"
            }'  

    headers='{"Content-Type": "application/json;charset=utf-8"'     
    handle-as="json"
    on-response="handleResponse"
    ></iron-ajax>
            <paper-card>{{parameters.identifier}}</paper-card>
            <paper-card>{{dataRes.name}}</paper-card>
</template>
</dom-module>
<script>
    Polymer({

        is: "cst-data" ,
        handleResponse: function () {
            this.dataRes = this.$.getData.lastResponse['rdfs:member'];
            }

    });
</script>
4

2 回答 2

0

我找到了解决方案，

我能发现的是，iron-ajax 中的参数不能真正处理动态输入，所以最终，我让它与一个 getter 函数一起工作。然后出现了另一个问题，即 getter 返回是输入字符而不是字符串到查询中，首先添加一个新的临时字符串并返回我能够修复它的字符串。

    <triplat-route id="maximoDataRoute" name="maximo-data" params="{{parameter}}"></triplat-route>

<iron-ajax
    id="ajax"
    url="http://.../"
    headers='{"Content-Type": "application/json;charset=utf-8"'     
    handle-as="json"
    params$='{{_getParams(parameter)}}'
    on-response="handleResponse"
    auto></iron-ajax>

<script>

    Polymer({

        is: "cst-employee-maximo-data" ,
        properties: {
            res: Object,
            tempString: String,
            parameter :{
                type: Object,
                notify: true
            },
        },
        handleResponse: function (event) {
            console.log("Entering handleResponse")
            this.res = event.detail.response['member'];
            console.log(this.res)   
        },

       _getParams: function(parameter) {
        this.tempString = '{"oslc.where":"dcterms:identifier='+ this.parameter.identifier+'","oslc.select":"*"}'
        console.log("tempString: "+this.tempString)
        return this.tempString   
       }

   });
</script>

我注意到的另一个有趣的事情是，在函数_getParameters中，我必须输入一个参数，我输入什么都没关系，但是如果没有它，“parameter.identifier”是无法识别的，如果有人可以解释一下这将不胜感激！

于 2017-10-11T12:00:42.537 回答
0

你这样做的方式是正确的。该函数_getParams返回整个查询字符串是正常的。

在_getParams函数内部，您不需要使用this.parameter.identifier，只是parameter.identifier因为您将identifier作为参数从 binding 传递给该函数{{_getParams(parameter)}}。这是一种很好的方法，因为每当this.parameter发生变化时，都会_getParams自动调用函数。否则你将无法再次params改变iron-ajax

于 2017-10-11T12:20:26.337 回答