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
      }
  });
});

此$("#inputMessage").val(''); // THIS IS NOT WORKING.无法正常运作

Answer 1

确保您在发布的页面上返回任何内容，否则成功功能可能无效。

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

Answer 2

 return response()->json();

我忘记在控制器中添加此行。

ajax提交后jQuery无法设置输入值

2 个答案: