Polymer Post Methode für Eisen Ajax

Question

Ich bin neu in Polymer und ich habe mit dem Posting mit Eisen-Ajax gekämpft. Dies ist mein Code

Meine Komponente:

<template> 
    <button type="submit" onclick="getPost" class="btn btn-default" id="register-form" style="margin-left: 35%; background-color: #008000; color: black; width: 30%;">Submit</button> 
    <iron-ajax 
     id="ajax" 
     method="POST" 
     body='[{"id": "1"}]' 
     url ="http://localhost/api/post.php" 
     on-response="success" 
     lastError="error" 
     debounce-duration="3000"> 
    </iron-ajax> 
</template> 
<script> 
    Polymer({ 
     is: 'register-form', 
     getPost:function(){ 
     this.$.ajax.generateRequest(); 
     }, 
     success:function(r){ 
     alert(r.detail.response); 
     }, 
     error:function(r){ 
     alert(r.detail.response); 
     } 
    }); 
</script> 

Meine PHP-Datei:

<?php 
    header('Access-Control-Allow-Origin: *'); 
    if ($_POST){ 
     echo $_POST['id']; 
    } 
?> 

Zunächst ich die PHP wollte eine json zurückzukehren, aber es hielt null.So bei der Rückkehr habe ich beschlossen, ändere es zu dem, um zu sehen, ob es die ID zurückgibt, die ich gepostet habe, aber es gab immer noch null zurück. Die GET-Methode scheint jedoch gut zu funktionieren. Und ich habe versucht, die Lösungen, die ich im Internet gefunden habe, aber es funktioniert immer noch nicht. Bitte helfen.

Answer 1

Können Sie Ihr Körperattribut so ändern?

body='{"id": "1"}' 

... Wenn das obige nicht funktioniert, versuchen Sie eine berechnete Bindung. z.B.

body="[[_body()]]" 

Und

_body: function() { 
    return { 
     id: 1 
    }; 
} 

Answer 2

die onclick="getPost" der Schaltfläche nicht Ihrer Komponente ruft getPost Methode, ersetzen Sie es durch on-click=... das ist die Konvention Polymer ein click Ereignis-Listener auf die Schaltfläche