javascript - commandButton でページを再読み込み/更新しないようにする方法

Question

実際には入力が 1 つあり、ページをリロードせずにリクエストを送信したいと考えています (おそらく Ajax)。私のコードは次のとおりですが、最初に、この質問を既に見ていると言う必要があり、問題は解決しません。

以下は私のコードです：

<h:form>
    <div class="form-group">
        <div class="col-md-10">
            <h:inputText styleClass="form-control" id="disciplina" value="#{disciplinaMBean.nome}" valueChangeListener="#{disciplinaMBean.atualizarListagemPesquisa}">
                 <f:ajax event="keyup" render=":meuForm:minhaTabela"/>  
            </h:inputText>
        </div>
        <div class="col-md-2">
            <h:commandButton value="Adicionar" styleClass="btn btn-md btn-success" action="#{disciplinaMBean.cadastrar}">
                 <f:ajax event="click" execute="@form" render=":meuForm:minhaTabela"/>
            </h:commandButton>
        </div>
    </div>
</h:form>

「レンダリング」は、自分のページにある dataTable を更新することです。

それで、私は何を間違っていますか？

思い出して、私は欲しい：

1. ユーザーがテキストを挿入してボタンをクリックすると、通常どおりフォームが送信されます。
2. ただし、リクエスト/フォームを送信するときは、ページを更新/リロードしないでください。

ありがとう！