调用多个onSubmit函数而不刷新页面

Call multiple functions onSubmit without page refreshing

本文关键字：刷新 函数 onSubmit 调用      更新时间：2023-09-26

我的函数触发一个表单的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');
}

这工作得很好，当我只调用函数a，当函数b是空的，所以我认为问题必须在函数b ?

编辑。

我的画布是在一个单独的HTML文件中定义的，像这样:

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

控制台显示Uncaught Error: NotSupportedError: DOM Exception 9

getImageData是您使用getContext()检索的context对象上的方法。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

相关文章：