Question

这有点难以解释，因为我不确定发生了什么。在此Django Web项目的代码库中，我有一个自定义列表类，该类管理多个LI元素。该类具有一个“查找”方法，该方法返回匹配字符串的DOM元素。

接下来，我有一个AJAX查询，该查询进行服务器端python调用以处理数据并调用我的响应函数。我的python脚本对列表中的每个项目都进行了分析，因此它会进行后续的AJAX调用。我的AJAX的响应函数正在从列表对象中调用“ find”方法，并传入AJAX从我的python脚本接收的文本数据。

'find'方法正在成功执行并返回正确的结果（或更确切地说，是“尝试”以返回结果）。它成功地在第一个项目上返回了一些内容，但是此后的每个项目都是'undefined'。我的控制台在返回“ find”方法之前先给我提供正确的返回对象，但在调用“ find”后立即给我一些“未定义”的信息。

这是AJAX试图反复调用的范围界定问题吗？

/* This is a large class, so I've omitted irrelevant members to the question. */
class UnorderedList{
   constructor(){
      this.__element = document.createElement("UL");
      this.__listItems = [];
   }

   /* Creates a LI element for this list with the given string. */
   addItem(str){...}

   /* Returns the inner text of a LI element. */
   getTextFromIndex(n){...}

   /* Returns the LI element for the matching string. */
   find(str){
      function __find(str, listItems, n=0){
         if(n >= listItems.length){
            /* B: */ console.log("no results found for '"+str+"'");
            return false;
         }
         if(str == listItems[n].innerText){
            /* C: */ console.log("search successful");
            var objLi = listItems[n];
            /* D: */ console.log(objLi);        // Gives the correct object everytime.
            return objLi;
         }
         __find(str, listItems, ++n);
      }

      /* A: */ console.log("searching for '"+str+"'");
      return __find(str, this.__listItems);
  }
}


class Analyser{

  constructor(){
     /* Assume this list already contains data. */
     this.__entityList = new UnorderedList();
  }

  analyse(n=0){
     if(n >= this.__entityList.filterLength) return;

     $.ajax({
        type: "POST",
        url: url,
        data: {
           csrfmiddlewaretoken: csrfToken,
           textData: this.__entityList.getTextFromIndex(n),
           nResults: MAX_RESULTS,
           nIteration: n,
        },
        success: this.response.bind(this)
     });
  }

  response(response){

     var results = JSON.parse(response);

     var objLi = this.__entityList.find(results.textData)
     /* E: */ console.log(objLi);    // Every item after the first is undefined.

     this.analyse(Number(results.nIteration) + 1);
  }
}

使用大括号表示HTML标签

控制台日志：

A: searching for "some text string"

C: search successful

D: {li style=""}

E: {li style=""}

A: searching for "some text string"

C: search successful

D: {li style=""}

E: undefined

A: searching for "some text string"

C: search successful

D: {li style=""}

E: undefined

Answer 1

您错过了对__find函数的递归调用中的return语句。

function __find(str, listItems, n=0){
     // rest of your code

     // you missed the return statement
     return __find(str, listItems, ++n);
}

AJAX函数未从其调用的函数接收返回数据

1 个答案: