Eingabeformular nicht nach getJSON Anruf

Question

Ich habe versucht, ein Senden Formular erstellen, die sowohl getJSON Aufruf macht die Antwort auf HTML-Vorlage anzeigen und Eingaben übermittelt. Aber ich kann nur die Eingabe- oder Anzeigeantwort, die von getJSON Call empfangen wurde, einreichen. Ich habe versucht, preventDefault Methode zu entfernen und es meiner Funktion hinzuzufügen, aber es funktioniert immer noch nicht. Vielen Dank im Voraus für Anregungen!

<form method="post" id="form"> 
    <div> 
     <input type="text" name="newpost" style="width:300px;" placeholder="post here..."> 
     {% if user %} 
      <input type="hidden" name="user_id" value="{{ user.key.id() }}"> 
      <input id="inputButton" type="submit" value="Done"> 
      <div id="jsonInfo"></div> 
      <script> 
       $(document).ready(function(){ 

           $('#inputButton').click(function (e) { 
            var URL = 'URLEXAMPLE'; 
            $.getJSON(URL, function(data){ 

            for (var i = 0; i < data.length; i++){ 
             var info = data[i].content; 
             $("#jsonInfo").append(info); 
            }; 
           }); 
          e.preventDefault(); 


         }); 


       }); 

      </script> 
     {% else %} 
      <input type="button" class="button_active" onclick="location.href='/login'" value="Done"> 
     {% endif %} 
    </div> 
</form> 

Answer 1

Nach dem für Sie ein

$('#form').submit(); das Formular abzuschicken, e.preventDefault(); derzeit das Standardformular Vorlage blockiert, so dass Sie die Ajax-Request