在yii框架中提交Ajax表单

Question

I am sure the problem is with ajax. Without ajax it is fine. This is my javascript code:

 var frm = $('#register-form');
   $(document).on('submit', '#register-form', function (e) {


          $.ajax({

            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                alert('Form was submitted!');
            }
        });

          e.preventDefault();
        });

  });

The form is:

 <form class="formclass" method="POST" action="<?php echo Yii::$app->request->baseUrl;?>/telephone/addnow/" role="form" enctype="multipart/form-data" id="register-form" novalidate="novalidate">
...
</form>

And the controller action is:

   public function actionAddnow()
        {
            if(Yii::$app->request->isAjax)
            {
                      //codes here
     }
}

The problem is that when I click the submit button, nothing is happening.

Answer 1

I see that you are using multipart/form-data, i figure that you are sending files whitin yhe form.

In that case you shuldent use:

data: frm.serialize(),

insted

data: new FormData(frm),

Also you said that when you click submit nothing is hapend, but i think that you should be able to see a error in your browser console. That could be usefull info.