Javascript 在提交时调用多个函数而不刷新页面

Javascript 在提交时调用多个函数而不刷新页面,javascript,onsubmit,Javascript,Onsubmit,我的函数在提交表单时激发并调用另外两个函数,但我不希望页面刷新 $('form').submit(function(){ functionA() functionB(); return false; }); function functionB(){ var image = new Image(); var canvas = document.getElementById("flag"); var co

我的函数在提交表单时激发并调用另外两个函数,但我不希望页面刷新

$('form').submit(function(){

        functionA()
        functionB();
        return false;
});

function functionB(){

    var image = new Image();
        var canvas = document.getElementById("flag");
        var context = canvas.getContext("2d");
    image = context.getImageData(); 

    alert('remove');
}
当我只调用functionA并且functionB为空时,这可以正常工作,所以我假设问题一定在functionB中

编辑

我的画布在单独的HTML文件中定义,如下所示:

    <canvas id="flag"></canvas>


控制台显示未捕获错误:NotSupportedError:DOM异常9

getImageData
是使用
getContext()
检索的
context
对象上的方法。canvas元素没有直接的方法

var canvas = document.getElementById('flag');
var context = canvas.getContext('2d');

image = context.getImageData();

我还没有看到在没有任何参数的情况下使用
getImageData
,也找不到支持这一点的文档。通常,您会传递4个参数,指定x、y、宽度、高度;请参见画布的定义位置
canvas
?您的控制台(F12)显示什么?
function()之后缺少code>
call@db579:这似乎是由于您未向
getImageData()
提供所需参数所致;看见