javascript - Polymer - 成功发送 core-ajax 参数的问题

Question

我正在尝试获取一些纸质单选按钮的值，然后使用核心 ajax 将它们传递到 URL。我很难知道我是否正确获取了值以及是否将它们传递到了 URL。

当我按下按钮时:

<paper-button affirmative hover on-tap="{{addNewGraph}}">Submit</paper-button>

我调用以下脚本:

<script>
    Polymer("add-graphItem",{
        addNewGraph: function () {
            var HeaderName = this.$.graphOptionsLoad.$.headerValue.selectedItem.label;
            var FunctionName = this.$.graphFunctionsLoad.$.functionValue.selectedItem.label;
            console.log("The options are " +HeaderName +" and " +FunctionName);
            this.$.sendOptions.go();
            console.log(sendOptions);
        },
    })
</script>

要使用我正在使用的 core-ajax:

<core-ajax auto url="/getGraph" method="POST" id="sendOptions"></core-ajax>

console.log(sendOptions);抛出我“ Uncaught ReferenceError :sendOptions 未定义”

想知道我做错了什么以及是否有人有任何建议 - 谢谢

这是一个 plunker ( http://plnkr.co/edit/WPN3vG8LaKjuWyc0omrp?p=preview )，它或多或少地复制了我想要做的事情

Answer 1

为了确保ajax真正发布，您应该在服务器端编写目标脚本，它可以简单地回复传入的请求。然后您应该将事件监听器添加到 core-response，请参阅 https://www.polymer-project.org/docs/elements/core-elements.html#core-ajax了解详情。

Plunker 代码中的传出请求中没有参数定义。可以这样完成:

Polymer("add-graphItem", {
  addNewGraph: function () {
    var params = {};
    if (this.$.graphOptionsLoad.$.headerValue.selectedItem) {
      params['HeaderName'] = this.$.graphOptionsLoad.$.headerValue.selectedItem.label;
    }
    if (this.$.graphFunctionsLoad.$.functionValue.selectedItem) {
      params['FunctionName'] = this.$.graphFunctionsLoad.$.functionValue.selectedItem.label;
    }
    this.$.sendOptions.params = JSON.stringify(params);
    this.$.sendOptions.go();
    console.log(params);
  },
});