javascript - 无法获取通过 ajax 获得的响应的计数

Question

我有一个表单，用于在单击提交按钮时上传多个文件。

例如我正在上传以下文件

student.png

animal.png

pet.png

我正在使用以下 ajax 在后端发送值 ( code reference taken from )。

$.ajax({
    type:"POST",
    url:this.vpb_settings.vpb_server_url,
    data:dataString,
    cache: false,
    contentType: false,
    processData: false,
    success:function(response)
    {
        console.log(response);
    }
});

当我尝试通过“console.log()”打印响应时，我得到了已上传文件的名称列表，这是我的要求之一。因此，在使用“console.log(response)”后，我得到的输出为

student

animal

pet

现在我希望计算我得到的名称数量，为此我使用了这段代码“console.log(response.length)”，但我得到的输出为

7
6
3

Whereas i want the response as 3 because there are 3 items in the list

谁能告诉我如何做到这一点

Answer 1

看起来每个文件都使用一个ajax调用，所以当然，每个响应都是一个文件的名称(字符串)，而不是一个数组，因此

1. 'student'.length => 7
2. 'animal'.length => 6
3. 'pet'.length => 3

如果您需要文件数量，可以使用全局计数器，如下所示:

var counter = 0; //<--needs to be declared somewhere it gets initialized once only
function someFuncContainingTheAjaxCall(){
$.ajax({
    type:"POST",
    url:this.vpb_settings.vpb_server_url,
    data:dataString,
    cache: false,
    contentType: false,
    processData: false,
    success:function(response)
    {
        console.log('Files so far ' + (++counter));
    }
});
}

嗨