我在学习如何在 Laravel 中制作 ajax 帖子时遇到了很多麻烦。我希望能够在验证后使用 jquery 显示错误，但我不知道如何访问发送到我的 Controller 的对象；所以我什至不知道在 Controller 中“返回”什么。有人可以帮我解决这个问题吗？

这是我的一部分观点

<meta name="_token" content="{{ csrf_token() }}" />            
<div class='row'>
        {!! Form::open(['url'=>'register','id'=>'sign-up','class'=>'col-md-6 col-md-push-4 form-horizontal'])!!}

            <div class='form-group'>
                {!! Form::label('first_name', 'First Name:',['class'=>'col-xs-12 col-md-3']) !!}
                <div class= 'col-xs-12 col-md-6'>
                    {!! Form::text('first_name', null, ['class' => 'form-control'])!!}
                </div>
            </div>
            <div class='form-group'>
                {!! Form::label('last_name', 'Last Name:',['class'=>'col-xs-12 col-md-3']) !!}
                <div class= 'col-xs-12 col-md-6'>
                    {!! Form::text('last_name', null, ['class' => 'form-control'])!!}
                </div>
            </div>
            <div class='form-group'>
                {!! Form::label('email', 'Email Address:',['class'=>'col-xs-12 col-md-3']) !!}
                <div class= 'col-xs-12 col-md-6 '>
                    {!! Form::text('email', null, ['class' => 'form-control'])!!}
    <div class='form-group'>
            {!! Form::label('password', 'Password:',['class'=>'col-xs-12 col-md-3']) !!}
                <div class= 'col-xs-12 col-md-6'>
                    {!! Form::password('password', null, ['class' => 'form-control'])!!}
                </div>
            </div>

                    <div class='form-group'>
            {!! Form::label('password_confirmation', 'Confirm Password:',['class'=>'col-xs-12 col-md-3']) !!}
                <div class= 'col-xs-12 col-md-6'>
                    {!! Form::password('password_confirmation', null, ['class' => 'form-control'])!!}
                </div>
            </div>
                    </div>  <div class='btn btn-small'>
                {!! Form::submit('Join Us!',['class'=>'btn btn-success btn-sm form-control'])!!}
            </div>

        {!! Form::close() !!}
        </div>

.js文件:

$(function(){

$('#sign-up').on('submit',function(e){
    $.ajaxSetup({
        header:$('meta[name="_token"]').attr('content')
    })
    e.preventDefault(e);

        $.ajax({

        type:"POST",
        url:'/register',
        data:$(this).serialize(),
        dataType: 'json',
        success: function(data){
            console.log(data);
        },
        error: function(data){

        }
    })
    });
});

Controller :

<?php 

namespace App\Http\Controllers;

use App\Http\Requests\CreateRegisterRequest;
use App\Http\Controllers\Controller;
use App\User;
use Illuminate\HttpResponse;
use Input;
class UserController extends Controller
{

    public function create(CreateRegisterRequest $request)
    {

    }

    public function show()
    {
        return view('user.profile');
    }

}

表单请求:

<?php

namespace App\Http\Requests;

use App\Http\Requests\Request;

class CreateRegisterRequest extends Request
{
    public function authorize()
    {
        return true;
    }
public function rules()
    {
        return [
            'first_name' =>'required',
            'last_name'=>'required',
            'url'=>'url',
            'description',
            'email'=>'unique:users,email|email',
            'password'=>'min:6|confirmed',
            'password_confirmation'=>'min:6'


        ];
    }
}

最佳答案

无需查看您的任何代码，我就可以告诉您我执行此任务的方法。可能还有其他方法，但自从我开始使用 Laravel 以来，这通常是我采用的方法。

I want to be able to show errors using jquery after validation but I have no idea how to access the object sent to my controller; so I dont even know what to 'return' in the controller.

让我们首先将其分解为 3 个更简单的问题。

1。如何访问发送到我的 Controller 的对象？

好吧，在您的 AJAX 中，您可以选择发送 GET 或 POST 请求。约定规定您应该使用 POST 更新模型，使用 GET 从模型中检索。如果您使用的是 REST，则可以使用其他方法(PUT、PATCH、DELETE 等)。您可以自己了解更多关于这些的信息，但为了这个答案，我将只使用 GET 和 POST 来保持简单。

在您的示例中，您使用了 POST，所以让我们开始吧。您已经调用了 JQuery serialize 方法，所以这就是您需要做的全部。在您的 Laravel Controller 中，只需为该方法获取参数 Request $request，Laravel 方法 $request->input() 将为您提供一个键/值数组请求中发送的所有参数。然后您可以相应地处理它们。

2。我应该在 Controller 中返回什么？

通常您会为 AJAX 请求返回 JSON 数据。它很容易解析，JavaScript 和 JQuery 都有很好的对象来为您解析 JSON。

在您的 Laravel Controller 中，您可以在方法末尾添加以下行以返回一些 JSON:

return response()->json($data);

在此示例中，$data 是一个包含您要返回的 JSON 的数组。在 PHP 中，我们可以将 JSON 字符串表示为 key/value 对的数组，如下所示:

$data = [
    'success': true,
    'message': 'Your AJAX processed correctly'
];

通常，如果这是一个普通的旧 PHP 脚本，我们必须调用 PHP 的 json_encode函数，但是 Laravel 为我们处理了这个，所以我们需要做的就是传递数组。出于调试目的，您可能需要使用 JSON_PRETTY_PRINT 常量，如果您直接访问 URL，它将在屏幕上很好地输出 JSON:

return response()->json($data, 200, [], JSON_PRETTY_PRINT);

3。如何访问从我的 Controller 发送的对象？

现在您的响应是一个简单的 JSON 字符串，您可以使用任何内置的 JavaScript 方法来解析 JSON。我通常使用 JSON.parse(json)，其中 json 是 Controller 返回的 JSON 字符串。参见 here了解更多详情。

4。那么，如何获取这些数据？

好吧，看起来您可能已经想通了，但为了确保我会澄清。您需要将路由注册到您的 Controller 。然后，您可以使用 JQuery AJAX 对象简单地调用该 URI，然后注入(inject)的变量 data 将是从 Controller 返回的任何内容，在本例中为 JSON 字符串。

关于javascript - 如何使用 ajax 在 laravel 5 中发布表单？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32467626/