jquery - TypeError：在未实现接口 HTMLInputElement 的对象上调用了“stepUp”

Question

我在使用 AJAX 时出错：

TypeError: 'stepUp' 在未实现接口 HTMLInputElement....plete",[C,p]) 的对象上调用，--x.active||x.event.trigger("ajaxStop")))}return C},getJSON:函数...

这是我使用它的代码部分：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

这是我的javascript代码，适用于我之前定义的复选框：

function feedback() {
    var boxes = document.getElementsByClassName('box');
    for (var j = 0; j < boxes.length; j++) {
        if (boxes[j].checked) {
            //assign(1);
            assign = 1;
        } else {
            assign = 0;
            //assign(0);
        }
        var wordid = document.getElementsByClassName('wordId')[j];
        $.ajax({
            url: "assigner.php",
            type: "POST",
            data: {
                wordid: wordid,
                assign: assign
            }
        }).done(function(e) {
            /*alert( "word was saved" + e );*/
        });
    }
}

我试过了，但它不起作用，也没有给我任何错误。

var newvalue = '';
$('input[name=wordid\\[\\]]').each(function(index, element) {
    newvalue = newvalue + this.value + ',';
});
$.ajax({
    url: "assigner.php",
    type: "POST",
    data: {
        wordid: newvalue,
        assign: assign
    }
}).done(function(e) {
    /*alert( "word was saved" + e );*/
});

Answer 1

$.ajax不期望HTMLInputElement您传递给的对象中的 DOMElement 类型data。尝试只给它字段的值：

var wordid = $('.wordId').val();
$.ajax({
    url: "assigner.php",
    type: "POST",
    data: { wordid: wordid, assign: assign}
}).done(function( e ) {
    /*alert( "word was saved" + e );*/
});

Answer 2

您将获得所有复选框值，如下所示。

var newvalue='';
$('input[name=wordid\\[\\]]').each(function(index, element) {
                        newvalue=newvalue+this.value+',';
                    });

然后将变量“newvalue”的值传递给assign.php 文件。希望这可以帮助你。