javascript - 函数未定义即使它位于同一文件中

Question

我正在编写一个网页，该网页从 html 数据表中读取数据，并通过 JavaScript 上的 AJAX 查询在单独的 PHP 文件上更新其数据。该文件工作了一段时间，直到最近(当我没有更改任何重要代码时)。每当我单击一个调用名为 getTableData 的函数的按钮时，我都会收到一条错误消息，指出它未定义，即使它位于同一个文件中。

你能帮我一下吗？谢谢!

HTML:

<button onclick="getTableData()">Aceptar</button>
<button value = "Cancelar" action="#">Cancelar</button>

JS:

function getTableData(){
        var array = [];
        var headers = [];
        $('#tablaListado th').each(function(index, item) {
            headers[index] = $(item).html();
        });
        $('#tablaListado tr').has('td').each(function() {
            var arrayItem = {};
            $('td', $(this)).each(function(index, item) {
                if($(this).find("textarea").length){
                    var costo = $(this).find('textarea').val();
                    arrayItem[headers[index]] = costo;
                }else{
                    arrayItem[headers[index]] = $(item).html();
                }
            });
            array.push(arrayItem);
        });

        actualizarCostos(array);
    }

    function actualizarCostos(array){
        if(array.constructor === Array){
            for(var i = 0; i < array.length ; i++){
                console.log(array[i]);
                console.log(JSON.stringify(array[i]));
                $.ajax({
                    url: "http://www.page.com/Update.php",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    //jsonp: false,
                    //jsonpCallback: jsonCallback,
                    cache: true,
                    data:{ "table_data": JSON.stringify(array[i])},
                    success: function (data) {
                        callback();
                    },
                    error: function(xhr,status,err){
                         //alert("DEBUG: status"+status+" \nError:"+err);
                         alert(xhr.responseText);
                     }, 
                    traditional: true
                });
            }
        }else{
            alert("Input must be array");
        }
    }

    function callback(){
        alert("se paso!!!!");
    }

此外，我还尝试使用 document.getElementById("buttonAccept").click(getTableData); 并且该函数从未启动:(

Answer 1

您的 jquery ajax 函数缺少方法参数。这会导致您的文件短路，因为解释器将此称为语法错误。这意味着，您的函数尚未定义。

这是函数的错误

{"error": "Please use POST request"}

因此，您可能需要修复 ajax 函数以及请求的端点。