Javascript 在提交时清除Ajax表单字段

我有一个表单（用于即时消息），理论上运行良好

表单在提交时使用Ajax来显示消息—工作正常

然而，表单似乎没有在提交时清除字段，有没有办法做到这一点（仅限明文区域）

脚本如下：

<div id='refresh'></div>
<form id='myForm'>
<input type='hidden' name='ConversationID'  value='<?php echo"$ConversationID";?>'>
<textarea name="Themessage" class="form-control content-group" rows="3" cols="1"></textarea>
<div class="row"><div class="col-xs-6"></div>
<div class="col-xs-6 text-right"><input name="submit" type="submit" id='btn1'  class="btn bg-primary" value="Send"></div>
</div></form>

<script type="text/javascript">
$(document).ready(function () {
setInterval(function() {
$.get("load_messages.php?id=<?php echo $ConversationID?>", function (result) {
$('#refresh').html(result);
});
}, 100);
}); 
</script>

是否在“刷新”中显示结果后清除文本区域

放

之后

对不起，如果我不明白你的问题
 我使用setTimeout

<script type="text/javascript">
$(document).ready(function () {
    getMessage();
});

function getMessage()
{
    $.get("load_messages.php?id=<?php echo $ConversationID?>", function (result) {
        $('#refresh').html(result);
        setTimeout(getMessage,3000);
    });
}
</script>


$（文档）.ready（函数（）{
getMessage（）；
});
函数getMessage（）
{
$.get（“load_messages.php？id=”，函数（结果）{
$（'#refresh'）.html（结果）；
设置超时（getMessage，3000）；
});
}

$('#refresh').html(result);

<script type="text/javascript">
$(document).ready(function () {
    getMessage();
});

function getMessage()
{
    $.get("load_messages.php?id=<?php echo $ConversationID?>", function (result) {
        $('#refresh').html(result);
        setTimeout(getMessage,3000);
    });
}
</script>