131

我有两个选择元素，A 和 B：当 A 的选定选项更改时，B 的选项必须相应更新。A 中的每个元素都意味着 B 中的许多元素，这是一对多的关系（A 包含国家，B 应该包含位于给定国家的城市）。

该函数do_ajax应该运行异步请求：

function do_ajax(elem, mydata, filename)
{
    $.ajax({
        url: filename,
        context: elem,
        data: mydata,
        datatype: "html",
        success: function (data, textStatus, xhr) {
            elem.innerHTML = data;
        }
    });
}

为了更新 B 的选项，我在 A 的onChange事件中添加了一个函数调用。这是触发 onChange 事件 (of A) 时运行的函数：

function my_onchange(e) // "e" is element "A"
{
    var sel_B = ... ; // get select element "B"

    // I skipped some code here
    // ...

    var data = {
        'mode': 'filter_city',
        'id_A': e[e.selectedIndex]
    };
    do_ajax(city_sel, data, 'ajax_handler.php');
}

}

我读过可以是数组（键值对）的JQuery文档。data如果我输入以下内容，我会收到错误消息：

var data = {
        'mode': 'filter_city',
        'id_A': e[e.selectedIndex]
};

相反，如果我的数据是字符串，我不会收到该错误：

var data = 'mode=filter_city&id_A=' + e[e.selectedIndex];

但我需要变量的“数组版本”，在我的服务器端 php 代码中。

位于Uncaught TypeError: Illegal invocation“jquery-1.7.2.min.js”文件中，该文件全部被压缩，所以我无法弄清楚代码的哪一部分引发了错误。

我可以在我的代码中更改任何设置，以便它接受数据作为关联数组吗？

4

10 回答 10

170

多亏了与Sarfraz的谈话，我们才能找到解决方案。

问题是我传递了一个 HTML 元素而不是它的值，这实际上是我想要做的（事实上，在我的 php 代码中，我需要该值作为外键来查询我的cities表并过滤正确的条目）。

所以，而不是：

var data = {
        'mode': 'filter_city',
        'id_A': e[e.selectedIndex]
};

它应该是：

var data = {
        'mode': 'filter_city',
        'id_A': e[e.selectedIndex].value
};

注意：查看 Jason Kulatunga 的答案，它引用了 JQuery 文档来解释为什么传递 HTML 元素会导致麻烦。

于 2012-06-17T12:41:00.537 回答
52

来自 jQuery 文档processData：

processData Boolean
默认值：true
默认情况下，作为对象（从技术上讲，除了字符串之外的任何内容）传入 data 选项的数据将被处理并转换为查询字符串，适合默认的内容类型“application/x-www -form-urlencoded”。如果要发送 DOMDocument 或其他未处理的数据，请将此选项设置为 false。

来源： http ://api.jquery.com/jquery.ajax

看起来您将不得不使用processData将数据发送到服务器，或修改您的 php 脚本以支持查询字符串编码参数。

于 2012-06-17T12:28:33.677 回答
51

我在发布 FormData 对象时收到此错误，因为我没有正确设置 ajax 调用。下面的设置解决了我的问题。

var myformData = new FormData();        
myformData.append('leadid', $("#leadid").val());
myformData.append('date', $(this).val());
myformData.append('time', $(e.target).prev().val());

$.ajax({
    method: 'post',
    processData: false,
    contentType: false,
    cache: false,
    data: myformData,
    enctype: 'multipart/form-data',
    url: 'include/ajax.php',
    success: function (response) {
        $("#subform").html(response).delay(4000).hide(1); 
    }
});
于 2018-01-29T15:35:40.187 回答
13

我在 JQuery 文档中读到数据可以是一个数组（键值对）。如果我输入以下内容，我会收到错误消息：

这是对象而不是数组：

var data = {
        'mode': 'filter_city',
        'id_A': e[e.selectedIndex]
};

你可能想要：

var data = [{
        'mode': 'filter_city',
        'id_A': e[e.selectedIndex]
}];
于 2012-06-17T11:57:29.550 回答
11

最近有同样的问题，通过添加解决traditional: true,

于 2017-04-10T15:21:52.350 回答
4

请按照以下步骤解决此问题：

$.ajax({
   url: 'https://your-api-endpoint',
   type: 'post',
   data: new formData(this),
   processData: false,
   contentType: false,
   success: function(response) {
      console.log(response)
   }
})

您必须使用 processData: false 和 contentType: false 这两行。你的问题将得到解决。

于 2020-12-07T10:55:54.337 回答
0 
function do_ajax(elem, mydata, filename)
{
    $.ajax({
        url: filename,
        context: elem,
        data: mydata,
        **contentType: false,
        processData: false**
        datatype: "html",
        success: function (data, textStatus, xhr) {
            elem.innerHTML = data;
        }
    });
}
于 2018-08-23T17:13:29.677 回答
0

我的illegal invocation错误$.getJSON是由undefined作为data对象的值之一传递引起的。修复它解决了错误。

于 2021-12-18T22:42:06.377 回答
-1 
$.ajax({
                    url:"",
                    type: "POST",
                    data: new FormData($('#uploadDatabaseForm')[0]),
                    contentType:false,
                    cache: false,
                    processData:false,
                    success:function (msg) {}
                  });
于 2018-02-22T16:17:47.383 回答
-2

尝试这个：

            $.ajax({
                    url:"",
                    type: "POST",
                    data: new FormData($('#uploadDatabaseForm')[0]),
                    contentType:false,
                    cache: false,
                    processData:false,
                    success:function (msg) {}
                  });
于 2017-01-17T04:55:45.767 回答