AngularJS + Laravel 5请求返回未定义

时间:2016-05-09 20:55:23

标签: angularjs json validation laravel laravel-5

所以我有我的Laravel:

控制器:

public function store(CreateRoomRequest $request)
{
    //Code
}

CreateRoomRequest:

class CreateRoomRequest extends Request
{
/**
 * Determine if the user is authorized to make this request.
 *
 * @return bool
 */

public function authorize()
{
    return true;
}

/**
 * Get the validation rules that apply to the request.
 *
 * @return array
 */

public function rules()
{
    return [
        'name' => 'required|unique:rooms|max:255',
        'short_description' => 'required',
        'long_room' => '',
        'long_other' => '',
        'long_houserules' => '',
        'long_neighbourhood' => '',
        'long_transportation' => '',
        'image' => '',
        'street' => 'required',
        'streetnumber' => 'required|numeric|max:5',
        'city' => 'required',
        'postalcode' => 'required|numeric|max:4',
        'roomnumber' => 'required',
        'type' => 'required|in:kamer,studio,loft, appartement, huis, villa, camper, boomhut, hut, trein, boot, tent, slaapzaal, zolder, overige',
        'link' => '',
        'latitude' => 'required',
        'longitude' => 'required',
        'ranking' => 'numeric'
    ];
}

/**
 * Return validation messages that apply to the request.
 *
 * @return array
 */
public function messages()
{
    return [
        'name.required' => 'Gelieve een advertentienaam in te vullen.',
        'name.unique' => 'Deze advertentienaam bestaat al. Gelieve een unieke advertentienaam in te vullen.',
        'name.max' => 'De advertentienaam is langer dan 255 tekens. Gelieve een kortere naam in te vullen.',
        'short_description.required' => 'Gelieve een description in te vullen.',
        'street.required' => 'Gelieve een straat in te vullen.',
        'streetnumber.required' => 'Gelieve u huisnummer in te vullen',
        'city.required' => 'Gelieve u stad in te vullen',
        'postalcode.required' => 'Gelieve u postcode in te vullen',
        'roomnumber.required' => 'Gelieve een kamernummer in te vullen.',
        'type.required' => 'Gelieve het type ruimte te specifiëren.',
        'type.in' => 'Het opgegeven type kamer is niet correct. Gelieve een geldig type te selecteren.',
        'latitude.required' => 'De opgegeven locatie kon niet gevonden worden. Gelieve een geldige locatie op te geven.',
        'longitude.required' => 'De opgegeven locatie kon niet gevonden worden. Gelieve een geldige locatie op te geven.'
    ];
}
}

在我的Laravel中,我有以下服务(Johnpapa之后):

        function createRoom(roomCreateData) {
        console.log(roomCreateData);
        return $http({
            method: 'POST',
            url: 'api/rooms',
            headers: { 'Content-Type' : 'application/x-www-form-urlencoded' },
            data: $.param(roomCreateData)
        }).then(createRoomSuccess).catch(createRoomError);

        function createRoomSuccess(response) {
            $log.info('Creating room success: ' + response);
            return response;
        }

        function createRoomError(error) {
            $log.info('Creating room failed because: ' + error);
            return error;
        }
    }

没有验证。一切正常(存储,...)。但是当我想在验证错误时使用CreateRoomRequest验证我的数据时,我得到以下结果:

422无法处理的实体(这是正确的,因为当验证器失败时,Laravel会返回什么(因此我的猜测是验证器工作)。 但是,我没有得到任何消息。我记录的每个返回都是未定义的。

Laravel文档声明:

  

如果验证失败,将生成重定向响应以将用户发送回其先前的位置。错误也将闪现到会话中,以便可以显示。如果请求是AJAX请求,则将向用户返回具有422状态代码的HTTP响应,包括验证错误的JSON表示。

现在我的问题:JSON返回的位置在哪里?

Ps:我也尝试删除自定义错误消息,结果相同。

提前致谢

1 个答案:

答案 0 :(得分:1)

422是对此的正确回应。我认为你在这里遗漏的是,它会触发代码的error部分而实际的response object需要应用一些突变(具体来说,抓住responseJSON为了让你获得你想要的信息,它就属于它。

var errors = error.responseJSON;

如果responseJSON属性不可用,则您可能需要手动解析responseText

var errors = JSON.parse(error.responseText);

现在errors将以传统方式iteratable,您可以在循环中收到error消息。

for(var prop in errors){
    // errors[prop] has what you want now.
}

希望这可以解决问题。