yii2 modal ajax,Yii2 submit modal form with ajax

I've success create modal form, but I can't submit it with ajax. Everytime i click submit button it not stay in the index page but instead show echo 1 from my Controller.

My controller

public function actionCreate()

{

$model = new Testing();

if ($model->load(Yii::$app->request->post())) {

if($model->save()){

echo 1;

}else{

echo 0;

}

}else{

return $this->renderAjax('create', [

'model' => $model,

]);

}

}

My form

<?php $form = ActiveForm::begin(['id' => $model->formName()]); ?>

= $form->field($model, 'test')->textInput(['maxlength' => true]) ?>

= Html::submitButton('Save', ['class' => 'btn btn-success']) ?>

$this->registerJS("

$('form#{$model->formName()}'.on('beforeSubmit', function(e)

{

var \$form = $(this);

$.post(

\$form.attr('action'),

\$form.serialize()

)

.done(function(result) {

if(result == 1)

{

$(\$form).trigger('reset');

$.pjax.reload({container:'#issuehrGrid'});

}else

{

$('#message').html(result.message);

}

}).fail(function()

{

console.log('server error');

})

return false;

});"

);

?>

My view

HR Issues

= Html::a(' Add', ['create'], ['class' => 'btn btn-success modalButton']) ?>

<?php Pjax::begin(['id'=>'issuehrGrid']); ?>

<?php foreach ($dataProvider->models as $hr) {

?>

=$hr->test;?>

Please help me with this.

Thank you!