如何提交ajax后清洁的形式
How to clean form after submitting ajax?
首先:我试着在网上搜索答案,我发现了大约20个代码示例。但是我失败了。但仍然没有任何效果。
我正在做一个简单的聊天,我需要通过ajax提交数据后清理我的表单。下面是代码:
<form id="ChatFrom" class="chatMessageField" action="Amess.php" method="post">
<input class="chatMessageField" type="text" name="mess" /><br />
<input class="chatMessageBtn" type="button" value="Отправить" onclick="SendForm();" />
</form>
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<script type="text/javascript">
function SendForm() {
$$f({
formid:'ChatFrom',
url:'Amess.php',
});
}
</script>
$("#ChatFrom")[0].reset()
// or
$("#ChatFrom").get(0).reset()
你可以这样做:
function SendForm() {
$.post( "Amess.php", function( data ) {
resetFields();
});
}
function resetFields(){
$(':input')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
}
希望有帮助!
$(".chatMessageField").val (");是一种简单的方法,但是您必须对所有字段单独执行。更好的解决方案是为所有输入提供相同的类名,并一次清除它们。或者直接使用jquery reset()
相关文章:
- 无法在通过jQuery的ajax加载的页面中执行javascript
- 如何通过ajax刷新JSF填充的javascript变量
- 如何在php文件中获取$.post-ajax传递的值
- Replacing $ .ajax?
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- Ajax发布表单序列化,发布引号'
- 通过Ajax将JavaScript函数传递给PHP文件
- ajax请求的顺序总是不同的
- 可以't使用Polymer's的核心ajax
- Ajax Live搜索发布到Laravel视图
- Ajax聊天消息重复而不仅仅是更新
- 从控制器返回后Ajax启动事件激发
- PHP AJAX图片上传示例不上传
- 从ajax请求中获取javascript对象
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 如何在Javascript中解析AJAX数组的特定部分
- Ajax文件加载和<输入>文件加载
- Javascript/jQuery中的并行Ajax调用
- Ajax-如何获取数据
- 如何提交ajax后清洁的形式