javascript - ajax InvalidStateError：试图使用一个不可用或不再可用的对象

Question

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

未捕获的 InvalidStateError：尝试使用不可用或不再可用的对象。

这是代码

这有效

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 集合，asval()在设置值时返回集合，在获取值时返回字符串，并且您正在设置值，至少看起来像，即使缺少最后一个括号，无论你怎么努力，你都不能用ajax发送它？

Answer 2

尝试这个

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

  }
});