Javascript 在Laravel中使用vue.js时，在$.ajax中获得成功或完成响应时出现问题

我有一个简单的表单，用户应该只在文本区域内键入文本。当用户单击javascript内部的submit按钮时，我使用vue和ajax调用将该文本插入数据库

我的问题是，在用户单击submit之后，我希望文本区域被清除，但在文本保存到数据库之后，文本仍然存在。它持续存在。由于我使用的是vue.js和ajax，所以我正在等待这个.done（success）回调函数，以便继续清除表单

或者，如果文本保存到数据库中，是否有其他方法清除文本区域

以下是我的刀片代码：

<div class="row" id="timeline">
    <div class="col-md-4">
        <form action="#" v-on:submit="postStatus">{{-- Name of the method in Vue.js --}}
            <div class="form-group">
                <textarea class="form-control" rows="5" maxlength="140" autofocus placeholder="What are you upto?" required v-model="post" id="textareapost"></textarea>
            </div>
            <input type="submit" value="Post" class="form-control btn btn-info">

            {{ csrf_field() }}

        </form>
    </div>
    <div class="col-md-8">
        Timeline
    </div>
</div>

保存文本后，我从未获得.done部分的console.log文本，但我得到了.fail消息，其中显示：

请求失败：parsererror

控制器的响应如下所示：

<?php{"id":29,"user_id":1,"body":"Sunday evening post","created_at":"2016-10-09 23:03:11","updated_at":"2016-10-09 23:03:11","user":{"id":1,"firstname":null,"lastname":null,"username":"pathros","email":"pathros@somemail.net","created_at":"2016-10-08 05:33:06","updated_at":"2016-10-08 18:57:19"}}

---

您的问题与AJAX上的
数据类型
选项有关。您当前有
数据类型：'json'，
，这意味着当服务器返回json时，请求成功

如果您返回类似
的内容，则返回'ok'AJAX将失败

确保您返回的内容如下：

return Response::json(['ok' => 'true']);

哦，不，我没看到控制器的代码。我已经用它更新了我的问题。但是在这种情况下，我不仅要返回一个
ok
，还要返回刚刚插入的当前帖子。我尝试了
returnresponse（）->json（['ok'=>true'，$post->with（'user'）->find（$createdPost->id）]现在的响应是
@Pathros您的代码似乎正常。
php
的问题来自其他地方。检查似乎描述了相同的问题。非常感谢！这个链接对我帮助很大。我的问题出现在
RouteServiceProvider.php
文件中，在该文件中，我只使用

<?php{"id":29,"user_id":1,"body":"Sunday evening post","created_at":"2016-10-09 23:03:11","updated_at":"2016-10-09 23:03:11","user":{"id":1,"firstname":null,"lastname":null,"username":"pathros","email":"pathros@somemail.net","created_at":"2016-10-08 05:33:06","updated_at":"2016-10-08 18:57:19"}}

return Response::json(['ok' => 'true']);