очистить текстовое поле перед отправкой события формы ajax

Question

Я хочу очистить текстовое поле после публикации ajax.

<div style="padding: 5px; background-color: Silver;">
    @using (Ajax.BeginForm("_MessagesPartial", "Chat", new AjaxOptions { UpdateTargetId = Model.room_id.ToString() }))
    {
        <div style="padding: 5px 15px 5px 5px;">
            @Html.TextBox("textbox_message", null, new { @class = "text_yorum", id = "text_box_chat" })
            @Html.Hidden("oda_id", Model.room_id)
        </div>
    }
</div>

<div id="@Model.room_id" style="height:400px;overflow-y:scroll;position: relative;">
    @Html.Action("_MessagesPartial", "Chat", new { room_id = Model.room_id })
</div>

Есть много примеров, но они не работают.Я уже использую этот код, но он слишком медленный.

   $("form").submit(function () {
       $.get('@Url.Action("_MessagesPartial", "Chat", new { room_id = Model.room_id }) ', {}, function (view) {
           $("#@Model.room_id").html(view);
           $("#text_box_chat").val("");
       });
   });

Есть ли способ сделать это.

Answer 1

Как насчет очистки поля перед ожиданием ответа?

   $("form").submit(function () {
       setTimeout(function(){
         $("#text_box_chat").val("");
       }, 20);
       $.get('@Url.Action("_MessagesPartial", "Chat", new { room_id = Model.room_id }) ', {}, function (view) {
           $("#@Model.room_id").html(view);
       });
   });