AJAX форма допускает только одну подачу?

Question

Я создаю форму, которая будет отправлена ​​с использованием jQuery AJAX, но я по какой-то причине могу отправить форму только один раз. Для повторной отправки мне нужно обновить sh страницу?

Как мне выполнить sh форму и скрипт, чтобы мне не пришлось обновлять sh?

Вот форма :

<form role="form" class="form-horizontal validate" name="create_form" id="create_form">

<div class="form-group">
    <label class="col-sm-2 control-label" for="name">Name</label>

    <div class="col-sm-10">
        <input type="text" class="form-control" id="name" name="name" data-validate="required" data-message-required="Remeber to fill name" placeholder="">
    </div>
</div>

<div class="form-group-separator"></div>

<div class="form-group">
    <button id="submit_btn" class="btn btn-success">Create</button>
    <button type="reset" class="btn btn-white">Reset</button>
</div>

</form>

А вот и AJAX часть:

$(document).ready(function(){

    $("#submit_btn").on("click", function () {

        $.ajax({
            type: 'POST',
            url: 'data/create.php',
            cache: false,
            data: $('#create_form').serialize() 
        })
        .done(function(data){ 
            $("#name").val("");
        })
        .fail(function() { 

            console.log("ERROR");

        });

        // Prevent refreshing the whole page page
        return false;

    });
});

Надеемся на помощь и заранее спасибо: -)

Answer 1

используйте для отправки вместо клика.

$('#submit_btn').on('submit', function(e) {
    e.preventDefault();
    ... //rest of the code
});

Answer 2

Я действительно не понимаю, почему вы хотите запустить свой скрипт при загрузке документа. Я бы посоветовал вам включить источник скрипта в html и включить атрибут onClick для элемента кнопки, а затем назначить ему вызов функции-обработчика событий, который будет запускаться при каждом нажатии кнопки «Отправить».

<button onclick="myFunction()">Click me</button>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>