javascript - ajax InvalidStateError : An attempt was made to use an object that is not, 或不再可用

Question

非常奇怪的问题...我正在尝试将多个值传递给 post 中的方法。只要我不作为对象发布，它就可以正常工作。但是当我尝试作为对象发布时出现错误

Uncaught InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable.

这是代码

这行得通

var x = $('#myDiv').val(canvas.toDataURL("image/png", 1.0);    
                $.ajax({
                    type:'POST',
                    url:"/myMethod/test",
                    data: x,
                    success:function (response) {
                }
            });

但这行不通

var x = $('#myDiv').val(canvas.toDataURL("image/png", 1.0);    
                    $.ajax({
                        type:'POST',
                        url:"/myMethod/test",
                        data: {x:x}, 
                        success:function (response) {
                        }
                    });

我不确定为什么当我尝试将它作为对象发送时它会提示

Answer 1

这个

var x = $('#myDiv').val(canvas.toDataURL("image/png", 1.0));

是 DOM 元素的 jQuery 集合，因为 val() 在设置值时返回集合，在获取值时返回字符串，并且您正在设置值，至少看起来你是，即使最后一个括号丢失了，无论你怎么努力，你都不能用 ajax 发送它？