未捕获的类型错误：无法读取未定义的属性“结果”

Question

我是 JS 的新手。 尝试使用 SharePoint REST API 在页脚中显示链接列表。 无论我做什么，都会不断收到此错误。 这是针对这一行LoadFooterLinks(results.d.results);

function GetFooterLinks() {
    var url = _spPageContextInfo.siteAbsoluteUrl + "/_api/lists/getbytitle('Footer Links')/items/?$orderby=Display_x0020_on_x0020_Homepage";

    $.ajax({
        url: url,
        type: "GET",
        headers: {
            "accept": "application/json;odata=verbose",
        },
        success: function (results) {
            LoadFooterLinks(results.d.results);

        },
        error: function (error) {
              console.log("Error in getting List: " + listName); 
        }
    });
}

Answer 1

一些东西：

1. 你怎么知道你有一个“错误”？
2. 是 Javascript Exception吗？
3. 什么是错误或Exception ？
4. 你怎么知道错误不是你的LoadFooterLinks()函数？
5. 您的结果很可能不是您所期望的。 你显然是：
   1. 成功建立连接和请求
   2. 但是，您无法确定会返回什么。 它可能是：
      1. 空字符串
      2. 空值
      3. 畸形的
6. 在大多数浏览器中按F12将调出该浏览器的开发者模式/内置JS 控制台
7. 我下面的代码更改应该通过为您输出到控制台来帮助您进行调试。

---

关于代码更改的注意事项：

1. 和...之间的不同：
   • 使用try-catch vs.捕获 JavaScript运行时异常/错误
   • $.ajax对象的failure回调方法中输出任意命名为"error"的字符串变量
2. 向控制台打印异常不需要console.err()
3. 如果您想在控制台中将字符串显示为错误，请使用console.err() ，而不是console.log 。
4. Null是一个对象，而不是像 JavaScript 中的其他类型那样的数据类型或原语。 例如，
   • 布尔值
   • 细绳
   • 不明确的
   • 数字

---

新代码

function GetFooterLinks() {
  var url = _spPageContextInfo.siteAbsoluteUrl +  
    "/_api/lists/getbytitle('Footer Links')/items/?  
    $orderby=Display_x0020_on_x0020_Homepage"
  ;

  $.ajax({
    url: url,
    type: "GET",
    headers: {
        "accept": "application/json;odata=verbose",
    },
    success: function (results) {
        if (!results) { // should handle null and empty strings
          try{
            LoadFooterLinks(results.d.results);
          }
          catch (e){ // catch any JavaScript runtime exception (error)
            console.log(e); // print the error to the console 
                            // (hit F12 in most browsers to see 
                            // the console BEFORE you refresh 
                            // the page to run your code)
          }
        }
        else { 
          var msg = "The 'results' variable is ";
          var varType = typeof(results);
          if (varType == "object") {
            msg += "NULL";
          } 
          else {
            msg += varType;
          }
        }
    },
    error: function (error) {  
      // this 'error' variable can be named
      // anything you'd like and is a string 
      // description of the AJAX error.  
      // This description comes from $.ajax - 
      // which is part of jQuery (a JS library).
      // This "error" is not a native JS 
      // exception; therefore, you wouldn't 
      // use a TRY-CATCH.  Also, since it's 
      // only a string, if you want to show it 
      // as an error in the console, you should 
      // use `console.err`, not `console.log`.
      console.err("Error in getting List: (0)", error); 
    }
  });
}

Answer 2

您基本上要做的是向“/_api/lists/getbytitle”方法发出请求。 当该方法返回响应时，它将作为名为“results”的对象返回，正如您在“success”回调下看到的那样。

之后您要做的是读取名为“d”的属性，并在“d”中尝试获取名为“results”的属性的值。

错误的意思是“d”未定义，因此它无法从“d”中检索“results”的值。

我建议您检查成功回调的对象“结果”中的内容。

Answer 3

对于 SharePoint API 结果，您需要解析 JSON 响应以将其转换为 Javascript 对象。 我已经稍微修改了您的代码以使其在这种情况下工作。

function GetFooterLinks() {
    var url = _spPageContextInfo.siteAbsoluteUrl + "/_api/lists/getbytitle('Footer Links')/items/?$orderby=Display_x0020_on_x0020_Homepage";

    $.ajax({
        url: url,
        type: "GET",
        headers: {
            "accept": "application/json;odata=verbose",
        },
        success: function (response) {
            var svcData = JSON.parse(response.data).d.results;
            LoadFooterLinks(svcData);

        },
        error: function (error) {
              console.log("Error in getting List: " + listName); 
        }
    });
}