javascript - 提交时清除 Ajax 表单字段

Question

我有一个表单(用于即时消息传递)，理论上可以正常工作。

该表单在提交时使用 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>

Answer 1

我使用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>