Polymer

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 is not defined"

想知道我做错了什么，如果有人有任何建议 - 谢谢

这是一个 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);
  },
});

Polymer - Prolems 成功发送 core-ajax 参数

Polymer - Prolems successfully sending core-ajax params

javascript

ajax