Question

我试图用聚合物上的ajax发布一些简单数据，但我遇到了一些困难。

我正在使用rnicholus的https://github.com/rnicholus/ajax-form。

我的所有页面都是输入和电子邮件，我试图存储在服务器上。

目前，提交按钮后发生的所有事情都是我带到一个空白页面，上面写着'Array（）'。所以数据没有通过。

我无法弄清楚这一点并且已经尝试了几天所以非常感谢任何帮助！

这是我的代码

HTML

  <div class="main" flex layout vertical cross-fade-delayed?="{{parentElement.lastSelected === 'splash'}}">
    <div class="card {{ {wide: wide} | tokenList }}" flex layout vertical slide-up-offscreen?="{{parentElement.selected === 'profile'}}" cross-fade="{{!wide && parentElement.selected !== 'profile'}}">
      <div layout vertical flex cross-fade-delayed?="{{parentElement.lastSelected !== 'splash' && wide}}" on-keypress="{{ keypressAction }}">
      <form is="ajax-form" action="/savejson.php" method="post" id="form-send">
        <div class="indent" layout vertical>
          <div class="header">{{userDefaults ? 'Your Profile' : 'Welcome'}}</div>
          <paper-input label="Name" name="first_name" id="first"></paper-input>
          <paper-input label="Email Address" name="email_address" id="last" maxlength="1"></paper-input>
        </div>
        <div horizontal center layout>
          <paper-button on-tap="{{handleLogout}}" hidden?="{{!user}}">Sign Out</paper-button>
          <!-- <button type="submit">Submit</button> -->
          <paper-fab id="check" icon="check" showing?="{{$.first.value.length && $.last.value.length && selectedAvatar !== undefined}}" on-tap="{{handleLogin}}" onclick="document.forms[0].submit();"></paper-fab>
        </div>
        </form>
      </div>
    </div>
  </div>

JavaScript

Polymer('ajax-form', {

  ajaxSend: function () {

    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if(xhr.status === 200) {
          alert('good');
        }
      }
    };  
    xhr.open('POST', 'savejson.php');
    xhr.send();

  }

});

谢谢！

Answer 1

聚合物团队未发布此元素您可以使用官方形式元素铁形https://github.com/PolymerElements/iron-form这将适用于大于或等于0.8的聚合物版本

如何在聚合物中使用AJAX-FORM？

1 个答案: