未捕获的ReferenceError：未定义arr

Question

I am facing a problem whereby my arr is not defined at line 34. I tried to find solution on the internet but there wasn't any. There are no problems with my PHP.

The error is as follows:

Uncaught ReferenceError: arr is not defined

$(document).on("pagebeforecreate", function () {
    printheader();
});

$(document).ready(function () {
searchfriend();

function searchfriend() {
    var url = serverURL() + "/getcategories.php";

    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json',
        contentType: "application/json; charset=utf-8",
        success: function (arr) {
            _getCategoryResult(arr);
        },
        error: function () {
            validationMsg();
        }
    });
}

function _getCategoryResult(arr) {

    var t = $('#categoryresult').DataTable();

    }

    //loop for the number of results found by getcategories.php
    for (var i = 0; i < arr.length; i++) { //error
        //add a new row
        t.row.add([
            "<a href='#' class='ui-btn' id='btn" + arr[i].categoryID + "'>Category</a>" //add a new [Category] button
        ]).draw(false);

        //We drew a [View] button. now bind it to some actions
        $("#btn" + arr[i].categoryID).bind("click", { id: arr[i].categoryID }, function (event) {
            var data = event.data;
            showcategory(data.id); //when the user clicks on the [View] button, execute showcategory()
        });

    }
    $("#categoryresult").show(); //show the results in the table searchresult

function showcategory(categoryID) {
    //alert(categoryID);
    window.location = "showlist.html?categoryID=" + categoryID;

}
});

Answer 1

You have issue with bracket sequence,

function _getCategoryResult(arr) {

    var t = $('#categoryresult').DataTable();

    //loop for the number of results found by getcategories.php
    for (var i = 0; i < arr.length; i++) { //error
        //add a new row
        t.row.add([
            "<a href='#' class='ui-btn' id='btn" + arr[i].categoryID + "'>Category</a>" //add a new [Category] button
        ]).draw(false);

        //We drew a [View] button. now bind it to some actions
        $("#btn" + arr[i].categoryID).bind("click", { id: arr[i].categoryID }, function (event) {
            var data = event.data;
            showcategory(data.id); //when the user clicks on the [View] button, execute showcategory()
        });

    }
    $("#categoryresult").show(); //show the results in the table searchresult
};

function showcategory(categoryID) {
    //alert(categoryID);
    window.location = "showlist.html?categoryID=" + categoryID;
}