使用ajax向引导div发送自定义消息

Question

我希望使用ajax将错误发送到错误消息div id。如何正确地将其添加到ajax函数中的$('#error-message')中，以便在Laravel的if语句中识别它？

刀片：

 <div class="flash-message" id="error-message">
    @if ($errors->any())
    @endif
 </div>

不工作ajax代码：

error: function(response) {
       var error = response.responseJSON.message;
       $('#error-message').html().show('<div class="flash-message">@if ($errors->any())<ul class="alert alert-danger">@foreach($errors->all() as $error)<li>'+ error +'</li>@endforeach</ul>@endif</div>'); 

我要我的错误信息像那条：

​

​

Answer 1

做点这样的事。

在你的控制器的功能中

$response = ['success' => true];

// Define your $rules according with validation rules and $messages accordingly
$validator = validator(request()->all(), $rules, $messages = []);

if($validator->fails()){
 return response()->json(['success' => false, 'errors' => $validator->messages()->all()])
}
//  your rest code for this function, which you want to do after checking validation error.

在您的javascript ajax代码中

success: function(response) {
   if(!response.success){
   var error = response.errors;
   var errorRow = ''; 
   if(response.errors.length){
    $.each(response.errors, function(key, value){
     errorRow += '<li>'+ value +'</li>';
    });

    $('#error-message').html().show('<div class="flash-message"><ul class="alert alert-danger">'+errorRow+'</ul></div>');

   }
}

在ajax内部错误选项中，您可以将简单的文本声明为，发生了一些服务器端错误。

希望这会有所帮助:)。如果你有什么问题请告诉我