Question

我是Yii的新手，非常感谢任何帮助。我用表单渲染视图：

public function actionCreate()
{    
     return $this->render('create');       
}

视图：

<form id="myform" action="/test/web/index.php?r=form/preorder" method="post">
    <input type="text" id="form-firstname" name="Form[firstName]" required maxlength="50">                    
    <input type="text" id="form-lastname" name="Form[lastName]" required maxlength="50">
    <input name="send" type="submit" value="Отправить">
</form>

我在表单中使用普通的html而不是Yii扩展，因为我需要只有html / javascript的前端。在后端我可以使用Yii。

现在，我尝试使用ajax提交表单：

 $(document).ready(function(){      
$("body").on('beforeSubmit', 'form#myform', function(e){       
      var form = $(this);
      $.ajax({
            url    : form.attr('action'),
            type   : 'POST',
            data   : form.serialize(),
            success: function (response) 
            {                  
               console.log(response);
            },
            error  : function () 
            {
                console.log('internal server error');
            }
        });
    return false;

  });
});

的FormController：

public function actionPreorder(){

     if (Yii::$app->request->isAjax) {
            Yii::$app->response->format = Response::FORMAT_JSON;
            $res = array(
                'body'    => $_POST,
                'success' => true,
            );
            //also I need to save to db
            return $res;
     }
}

问题是当我提交表单时，它会重定向到新页面preorder，而我看不到我发布的数据。我不确定我做错了什么。

Answer 1

好的，所以解决方法是从表单中删除操作：

<form id="myform" action="" method="post">

JS：

$("#myform").submit( function(e){
      var form = $(this);
      $.ajax({
            url    : '/megogo/web/index.php?r=form/preorder',
            type   : 'POST',
            data   : form.serialize(),
            success: function (response) 
            {                  
               console.log(response);
            },
            error  : function (e) 
            {
                console.log(e);
            }
        });
    return false;        
  })

Yii 2，使用Ajax提交表单

1 个答案: