javascript - 在不刷新页面的情况下调用多个函数onSubmit

Question

我的函数触发表单的 onSubmit 并调用其他两个函数，但我不希望页面刷新。

$('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

Answer 1

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

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

image = context.getImageData();

我也没有看到getImageData在没有任何参数的情况下使用它，也找不到支持它的文档。通常，您传递 4 个参数指定x, y, width, height；见https://developer.mozilla.org/en-US/docs/HTML/Canvas/Pixel_manipulation_with_canvas