laravel请求Ajax不工作

Question

在简单的我的表单，我想使用ajax与$. post和获取和发布请求后，使用$. post和提交表单我的页面是刷新和警报不工作的控制器验证。

控制器中的简单请求ajax无法正常工作

我的形式：

<script type="text/javascript">
$(document).ready(function(){
    $('form').submit(function(){
        name         = $('#name').val();
        family       = $('#family').val();
        email        = $('#email').val();
        currPassword = $('#currPassword').val();
        password     = $('#password').val();
        password_confirmation = $('#password_confirmation').val();

        $.post('{{ URL::route('admin.profile.update') }}' ,
            { 
              name                  : name,
              family                : family,
              email                 : email,
              currPassword          : currPassword,
              password              : password,
              password_confirmation : password_confirmation 
             },
             function(data){
                if(data.errors)
                    alert(data.errors)
            }
        );
        //return false; 
    });

})
</script>

 {{ Form::model($profile, array('route' => array('admin.profile.update', $profile->id), 'method' => 'PUT')) }}

                <div style='padding:10px;font-weight: bold;'>ویرایش مشخصات شخصی</div>
                <table style='width:95%;border:none;font-size:11px;margin: 5px;text-align: left'>
                    <tr>
                        <td width="80px">{{ Form::label('name' , 'نام: ') }}</td>
                        <td>{{ Form::text('name',null , array('id'=>'name', 'class' => 'form-control' )) }}</td>
                    </tr>
                    <tr>
                        <td>{{ Form::label('family' , 'نام خانوادگی: ') }} </td>
                        <td>{{ Form::text('family', null, array('id'=>'family', 'class' => 'form-control')) }}</td>
                    </tr>
                    <tr>
                        <td>{{ Form::label('email' , 'ایمیل: ') }}</td>
                        <td>{{ Form::text('email', null, array('id'=>'email', 'class' => 'form-control ltr')) }}</td>
                    </tr>
                    <tr>
                        <td>{{ Form::label('currPassword' , 'رمز عبور فعلی: ') }}</td>
                        <td>{{ Form::password('currPassword', array('id'=>'currPassword', 'class' =>'form-control ltr')) }}</td>
                    </tr>
                    <tr>
                        <td>{{ Form::label('password' , 'رمز عبور: ') }}</td>
                        <td>{{ Form::password('password', array('id'=>'password', 'class' =>'form-control ltr')) }}</td>
                    </tr>
                    <tr>
                        <td>{{ Form::label('password_confirmation' , 'رمز عبور مجدد: ') }}</td>
                        <td>{{ Form::password('password_confirmation', array('id'=>'password_confirmation', 'class' =>'form-control ltr')) }}</td>
                    </tr>
                    <tr>
                        <td colspan="2">{{ Form::submit('ویرایش مشخصات', array('id'=>'submit','class'=>'btn btn-default' , 'style'=>'float:left')) }}</td>
                        <td></td>
                    </tr>
                </table>
                {{ Form::close() }}

我的控制器：

public function update($id)
    {
        if ( Request::ajax() ){

            $rules = array(
                'name'        => 'required|alpha',
                'family'      => 'required',
                'email'       => 'required|email',
                'currPassword'=> 'required',
                'password'    => 'required|confirmed|min:4',
                'password_confirmation'=>'required',
            );

            $validator = Validator::make(Input::all(), $rules);

            if ($validator->fails()) {
                /*
                return Redirect::to('/admin/profile')
                    ->withErrors($validator)
                    ->withInput();
             */
             return Response::json(array(
                    'errors'=>$validator
                ));
            }
}
}

我的路线：

Route::group(array('before' => 'auth'), function()
{
  Route::resource  ('admin/profile' , 'ProfileController', array('as'=>'profile' , 'before'=>'csrf'));

});

Answer 1

我相信问题是表单正在提交，因为您没有使用预防默认值（），但我看到您在前面的问题中努力使其正确工作。这就是为什么你的页面令人耳目一新。

您可以使用Form:：submit（），而不是使用Form:：button（），这将阻止表单提交，从而允许您使用javascript随心所欲。然后，不要使用$（'form'）。submit（）由于未提交，因此将不再工作，请将处理程序附加到按钮的单击事件<代码>$（“#提交”）。on（'click'，function（）{//Code go here}）

不幸的是，如果用户在浏览器中没有启用javascript，这会带来负面的副作用，即表单根本无法运行。

此外，根据您使用的浏览器，您应该在使用开发人员工具时查看XHR请求，以查看是否返回任何错误或状态。