jQueryはajax submit後に入力値を設定できません

Question

フォームを送信するAJAXコードがあります。それは正常に動作しますが、問題は私が成功の入力値を設定することはできません。これはHTMLです：

 <div id="chat_box" hidden="true"> 
      <div id="chat_box_head"></div> 
      <div id="chat_box_body"> 
      <ul class="list-unstyled"> 
       @foreach($conv as $c) 
       <li> 
        <img src="{{$c->user->image}}" style="height: 30px"> 
        {{$c->message}} 
       </li> 
       @endforeach 
      </ul>  
       <form id="chatForm" method="post" action="siusti-zinute"> 
       {{csrf_field()}} 
        <input type="text" id="inputMessage" name="message"> 
       </form> 
      </div> 
     </div> 

これはAJAXです：

$('#chatForm').submit(function(event) { 
    event.preventDefault(); 
    $.ajax({ 
     url: 'siusti-zinute', 
     type: 'post', 
     data: $('#chatForm').serialize(), 
     dataType: 'json', 
     success: function(_response){ 
     $("#inputMessage").val(''); // THIS IS NOT WORKING. 
     $('#chat_box_body').animate({scrollTop: $('#chat_box_body').prop("scrollHeight")}, 500); // THIS ALSO NOT WORKING 
     }, 
     error: function(_response){ 
      // Handle error 
     } 
    }); 
}); 

この​​は成功

Answer 1

に動作していない、そうでなければ成功機能かもしれないが、あなたはに投稿ページ上で何かを返すことを確認してくださいうまくいかない。

$data = array(); 
$data['result'] = true; 
Echo json_encode($data); 

Answer 2

return response()->json(); 

私は、コントローラにこの行を追加するのを忘れ。