Javascript 发送请求后ajaxform jQuery插件重置表单

Javascript 发送请求后ajaxform jQuery插件重置表单,javascript,php,jquery,chat,Javascript,Php,Jquery,Chat,在我开始之前,我相信这不是一个简单的开始 我的问题是: 我有一个聊天室php脚本,我使用ajaxForm jQuery插件发送新消息,而无需重新加载整个页面 事实上,发布时间约为1-2秒: e、 g 阻塞:6ms 发送:1ms 等待时间:1.15秒 接收1ms $('#myform').ajaxForm(function() { //clear form after this $('#myform').clearForm(); }); 表单在收到时间后被清除,这意味着清除我发送

在我开始之前,我相信这不是一个简单的开始

我的问题是:

我有一个聊天室php脚本,我使用ajaxForm jQuery插件发送新消息,而无需重新加载整个页面

事实上,发布时间约为1-2秒: e、 g

阻塞:6ms

发送:1ms

等待时间:1.15秒

接收1ms

$('#myform').ajaxForm(function() {
    //clear form after this
    $('#myform').clearForm();
});
表单在收到时间后被清除,这意味着清除我发送的每条消息大约需要1.20秒。。。而且聊天时间似乎有点滞后


我正在试图找出一种在发送部分之后清除表单的方法,而不需要回调或其他任何东西。

我从未使用过
ajaxForm
,但仅在
元素上使用浏览器的函数就足够了(我假设
ajaxForm
返回一个jQuery实例):

如果上面抛出一个
has no method reset()
错误,请尝试以下操作:

$('#myform').ajaxForm(function() {
    $('#myform')[0].reset();
});

我从未使用过
ajaxForm
,但仅在
元素上使用浏览器的功能就足够了(我假设
ajaxForm
返回jQuery实例):

如果上面抛出一个
has no method reset()
错误,请尝试以下操作:

$('#myform').ajaxForm(function() {
    $('#myform')[0].reset();
});

如果您对ajaxForm有问题。您可以通过以下方法避免ajaxForm:

$(".ajaxform").submit(function(event){
   var $form = $(this);
   event.preventDefault();
   $form.get(0).reset();   //Call the js reset method before ajax starts
    $.ajax({
        url: $form.attr("action"),
        type: $form.attr("method"),
        data: $form.serialize(),
        success: function(data){
           //your code when response arrived here
        }
    });
});

希望这有帮助。如果您对ajaxForm有问题,请干杯。您可以通过以下方法避免ajaxForm:

$(".ajaxform").submit(function(event){
   var $form = $(this);
   event.preventDefault();
   $form.get(0).reset();   //Call the js reset method before ajax starts
    $.ajax({
        url: $form.attr("action"),
        type: $form.attr("method"),
        data: $form.serialize(),
        success: function(data){
           //your code when response arrived here
        }
    });
});

希望这有帮助。干杯

如果
ajaxForm
工作正常,您可以执行以下操作:

$('#myform').ajaxForm({
    beforeSubmit:  function() {
       $('#myform').clearForm();    //Call the reset before the ajax call starts
    },
    success: function(data){
       //Your normal callback here
    }
});
(如果
$('#myform').clearForm()
不起作用,请使用
$('#myform')[0].reset();


希望这有帮助。干杯

如果
ajaxForm
工作正常,您可以执行以下操作:

$('#myform').ajaxForm({
    beforeSubmit:  function() {
       $('#myform').clearForm();    //Call the reset before the ajax call starts
    },
    success: function(data){
       //Your normal callback here
    }
});
(如果
$('#myform').clearForm()
不起作用,请使用
$('#myform')[0].reset();


希望这有帮助。Cheers

#mydiv
包含表单的div吗?实际上是表单的名称抱歉,我的错误OK,因此表单的ID为
#mydiv
?请查看我的答案。是(更改为myform)是
#mydiv
包含表单的div吗?实际上是表单的名称抱歉,我的错误OK,因此表单ID为
#mydiv
?请查看我的答案。是(更改为myform)很高兴它对您有所帮助。干杯,来自拉巴斯,玻利维亚,它帮助了你。干杯,来自玻利维亚拉巴斯