Question

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

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

我怀疑它与路由参数是本地的有关，而铁-ajax看不到它？我试图为param和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>

Answer 1

我找到了解决方案，

我能找到的是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”是不明的，如果有人可以解释一下，非常感谢！

Answer 2

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

在_getParams内部功能，您不需要使用this.parameter.identifier，而只需parameter.identifier，因为您将identifier作为绑定{{1}的参数传递给该函数1}}。这是一种很好的方法，因为只要{{_getParams(parameter)}}发生更改，就会自动调用函数this.parameter。否则，您将无法再次更改_getParams

中的params

来自路由参数的聚合物Ajax绑定不起作用

2 个答案: