表单完成提交后执行JavaScript [英] executing javascript after a form finishes submitting

问题描述

我试图用表单将一些文件提交给我的数据库。该表单具有隐藏的iframe的目标。当它完成加载时，我想显示一条消息。

  $（form＃formPost）。submit（）; 
 customFunction（）; 
  

这个例子似乎没有在发射 customFunction（）之前完成提交，这对我的设计非常不利。

有什么方法可以完成发送数据时会触发的事情？我正在四处寻找stackoverflow，并没有直接关于此的许多帖子。我觉得我必须进入目标iframe并在准备好的时候在那里执行代码，等等。有没有办法让它按照我的意思去做？

< （）{customFunction（）;我们已经尝试过的选项：

  $（form＃formPost）。 }）; 
  

解决方案

Coworker创建了一个函数， （）函数SubmitWithCallback（form，frame，successFunction）{
var callback = function（）{
if（successFunction）{

$ b

  ）
 successFunction（）; 
 frame.unbind（'load'，callback）; 
}; 
 
 frame.bind（'load'，callback）; 
 form.submit（）; 
} 
  

此函数采用您提交的表单，表单目标iframe和anon函数将在成功时执行。

I am trying to submit some files to my database with a form. The form has a target of a hidden iframe. When it finishes loading, i was wanting to show a message.

 $("form#formPost").submit();
 customFunction();

This example seems to not finish submitting before firing off customFunction(), which is very bad for what i was designing.

Is there a way to do something which will fire when it completes sending the data? I was looking around on stackoverflow, and there arent many posts directly about this. I feel that i would have to go into the target iframe and execute the code in there when it is ready, etc. Is there a way to make it do as i want?

options i have tried:

 $("form#formPost").submit(function(){ customFunction(); });

解决方案

Coworker Created a function which does just this.

function SubmitWithCallback(form, frame, successFunction) {
   var callback = function () {
       if(successFunction)
           successFunction();
       frame.unbind('load', callback);
   };

   frame.bind('load', callback);
   form.submit();
}

This function takes the form you are submitting, the forms target iframe, and an anon function which will be executed on success.

这篇关于表单完成提交后执行JavaScript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！