Ajax将表单发布到Laravel中的控制器(存储)

时间:2014-10-02 22:53:20

标签: php ajax laravel

我设法创建了一个将PHP中的数据发布到商店控制器的表单。它运行良好,但现在我尝试转换它,以便它可以改为发出Ajax请求。

我不能让它发挥作用。当我单击提交时,我没有收到任何消息,没有页面刷新,也没有存储数据。 Google CHrome开发人员工具的网络标签显示浏览器向Leads控制器发出Post请求。这是我得到的,有什么不对?

create.blade.php(查看)

{{ Form::open(['route'=>'leads.store', 'method'=>'post', 'class'=>'formcontainer', 'id'=>'leadscreate']) }}

{{ Form::label('nomopportunite','Nom du lead')}}
{{ Form::text('nomopportunite', '', array('id'=>'nomopportunite1', 'class'=>'form-control', 'placeholder'=>'Nom du lead')) }}

{{ Form::label('statut','Statut')}}
{{ Form::select('statut', array('1' => 'Premier contact', '2' => 'En négociation', '3' => 'Fermé - Gagné', '4' => 'Fermé - Perdu'), '', array('id'=>'statut1')) }}

{{ Form::label('valeur','Valeur')}}
{{ Form::text('valeur', '', array('id'=>'valeur1', 'class'=>'form-control', 'placeholder'=>'Valeur ($)')) }}

{{ Form::submit('Ajouter', array('class'=>'btn btn-primary')) }}
{{ Form::close() }}

javascript ajax part

jQuery( document ).ready(function() {
 $('#leadscreate').on('submit', function(){ 

    $.post(
        $(this).prop('action'),        {
            "_token": $( this ).find( 'input[name=_token]' ).val(),
            "nomopportunite": $( '#nomopportunite1' ).val(),
            "statut": $( '#statut1' ).val(),
            "valeur": $( '#valeur1' ).val()
        },
        function(data){
            //response after the process. 
        },
        'json'
    ); 
        return false;
    }); 
});

LeadsController.php(商店)

public function store() {
    if ( Session::token() !== Input::get( '_token' ) ) {
        return Response::json( array(
            'msg' => 'Erreur!'
        ) );
    }

    $nomopportunite = Input::get( 'nomopportunite' );
    $statut = Input::get( 'statut' );  
    $valeur = Input::get( 'valeur' );        

    $response = array(
        'status' => 'success',
        'msg' => 'L\'opportunité a bien été ajoutée!',
    );

    return Response::json( $response );
}

1 个答案:

答案 0 :(得分:2)

感谢The Alpha指出我的控制器中缺少一些东西。我修改了我的控制器,现在它可以工作(数据保存在数据库中)。希望它会有所帮助。

public function store() {
    if ( Session::token() !== Input::get( '_token' ) ) {
        return Response::json( array(
            'msg' => 'Erreur!'
        ) );
    }      

    $response = array(
        'status' => 'success',
        'msg' => 'L\'opportunité a bien été ajoutée!',
    );

    $rules = array(
        'nomopportunite'       => 'required',
        'statut'               => 'required',
        'valeur'               => 'required'
    );
    $validator = Validator::make(Input::all(), $rules);

    if ($validator->fails()) {
        return Redirect::back()
            ->withInput()
            ->withErrors($validator);
    } else {
        $lead = new Lead;
        $lead->nomopportunite       = Input::get('nomopportunite');
        $lead->statut               = Input::get('statut');
        $lead->valeur               = Input::get('valeur');
        $lead->save();

        return Response::json( $response );

    }
}

我还修改了我的jQuery脚本以向用户提供反馈:

jQuery( document ).ready(function() {
 $('#leadscreate').on('submit', function(){ 

    $.post(
        $(this).prop('action'),        {
            "_token": $( this ).find( 'input[name=_token]' ).val(),
            "nomopportunite": $( '#nomopportunite1' ).val(),
            "statut": $( '#statut1' ).val(),
            "valeur": $( '#valeur1' ).val()
        },
        function($response){
            $('#messagetop').slideToggle();
        },
        'json'
    ); 
        return false;
    }); 
});