Laravel 5.1 使用 ajax 调用在数据库中保存一些东西

Question

我正在构建一个用户可以上传项目的应用程序。我正在实施一个用户可以“喜欢/不喜欢”其他项目的系统。我正在尝试使用 AJAX 调用来保存喜欢。用户可以在项目的详细信息页面（/projects/{id}）上为项目点赞

我有一个表用户、项目和喜欢。我的计划是显然将喜欢保存在喜欢表中，因此记录如下所示：id、user_id、project_id。将来我可以做一个 COUNT 查询并找出每个项目有多少喜欢等等。

由于某种原因，当我单击“赞”按钮时，我的应用程序卡住并一直加载直到崩溃。

我的文件： 阿贾克斯调用

$(document).ready(function(){
        console.log("js loaded");
        $('#likeform').on('submit', function(e) {
            console.log("like submitted");
            e.preventDefault();

            $.ajax({
                url: $(this).parent().attr('action'),
                type: "post",
                data: {'_token': token, 'user_id': $('input[name=user_id]').val(), 'project_id': $('input[name=project_id]').val()},
                success: function(data){
                    alert(data);
                }
            })
        });
    });

我的表格

  {!! Form::open(array('url'=>'projects/'.$project->id.'/like','method'=>'POST', 'id'=>'likeform')) !!}
    <input type="hidden" id="token" value="{{ csrf_token() }}">
    {!! Form::Submit('Like', array('class'=>'send-btn')) !!}
{!! Form::close() !!}

我的路线：

Route::get('/', 'LikeController@index');
Route::post('projects/{id}/like', 'LikeController@like');

我在 LikeController 中的点赞功能：

public function like()
{
    if(Request::ajax()) {
        $data = Input::all();
        print_r($data);die;
    }
}

Answer 1

卡住并继续加载直到崩溃

部分可能与 ajax 帖子期望某种响应的事实有关，但您的控制器中根本没有响应。尝试类似

public function like()
{
    if(Request::ajax()) {
        $data = Input::all();
        return Response::json([
                'error' => false,
                'insertedData' => $data
            ], 200);
    }
}  

请记住您的控制器中的use Response。现在你正在向 ajax 调用返回一些东西，你应该能够访问 $data

success: function(data){
            alert(data.insertedData);
         }

您是否遇到同样的行为？如果没有，您可以继续执行实际的数据库插入。