Question

我试图让铁阿贾克斯工作，但迄今为止没有成功。我已经将组件添加到我的bower.json中，运行bower install，将其导入html文件中我希望它使用并尝试将其添加到模板中。

通常我的IDE自动完成所有Polymer标签，但是这个只是不起作用。当我打开页面时，我收到以下错误：Uncaught ReferenceError：赋值中指向＆＃34;的无效左侧。这个。$。add-contact.contentType =＆＃34; application / json＆＃34 ;;＆＃34;线，见下文。

我想知道元素是否被正确导入，或者我是否遗漏了明显的东西。

这是我的代码：

＆＃13;

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/paper-input/paper-input.html">
<link rel="import" href="../../bower_components/paper-button/paper-button.html">
<link rel="import" href="../../bower_components/iron-ajax/iron-ajax.html">
<dom-module id="contact-form">
    <template>
        <style>
        </style>
        <h1>My New Contact</h1>
        <paper-input label="Name" value="{{name}}"></paper-input>
        <paper-input label="Phone Number:" value="{{telnr}}"></paper-input>
        <paper-button on-tap="addContact">Add Contact</paper-button>
        <iron-ajax id="add-contact"
                   method="POST"
                   url="/cgi-bin/add-contact.py"
                   handle-as="json"
                   on-response="addContact_ResponseHandler">>

        </iron-ajax>
    </template>
    <script>
        Polymer({
            is: "contact-form",

            addContact: function () {
                this.$.add-contact.contentType = "application/json";

                this.$.add-contact.body = {naam: this.name, telnr: this.telnr};

                this.$.add-contact.generateRequest();

                console.log("Contact: " + this.name+ ", " + this.telnr);
            }

            addContact_ResponseHandler:
                function(request_confirm) {
                    console.log("Response: " + request_confirm);
                }
        });
    </script>
</dom-module>

＆＃13;

Answer 1

this.$.add-contact实际上相当于this.$.add - contact（从ID为contact的元素中减去名为add的符号（两者都不存在）。

要强制访问<iron-ajax id="add-contact">，请使用this.$['add-contact']。

铁ajax无法正常工作

1 个答案: