聚合物-Prolems成功发送核心ajax参数

Polymer - Prolems successfully sending core-ajax params

本文关键字：核心 ajax 参数 -Prolems 成功 聚合物      更新时间：2023-12-14

我正在尝试获取一些纸质单选按钮的值，然后使用核心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>

要使用核心ajax，我正在使用：

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

console.log(sendOptions);向我抛出"未捕获引用错误：未定义sendOptions"

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

这是一个plunker(http://plnkr.co/edit/WPN3vG8LaKjuWyc0omrp?p=preview)或多或少地复制了我试图做的

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

Plunker代码中的传出请求中没有params定义。可以这样做：

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);
  },
});
相关文章：