getJSON呼び出し後に入力フォームが提出されない

Question

私は、両方ともgetJSONを呼び出してHTMLテンプレートの応答を表示し、入力を送信する送信フォームを作成しようとしています。しかし、私はgetJSON呼び出しから受け取った入力を表示するか、または表示することしかできません。私はpreventDefaultメソッドを削除し、それを私の関数に追加しようとしましたが、それでも動作しません。 ご意見ありがとうございます！

<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

フォームを送信するために

$('#form').submit();を行うために、あなたが