javascript - 如何解决 "Could not convert JavaScript argument arg 0 [nsIDOMHTMLDivElement.appendChild]"错误

Question

我有一个从 ajax 返回的 json 对象，当我提醒它时，它显示正确，我尝试将它们添加到无序列表并将其添加到占位符 div，但抛出上述错误..

function handleResponse() {
  if(httpa.readyState == 4){
  var response = httpa.responseText;
    //alert(response);
    if(response!='empty')
    {
      //alert(response);
      eval("prod="+response);
      var len = prod.length;
      var st = "<ul>";
      for(var cnt=0;cnt<len;cnt++)
      {
        st = st + "<li onclick='set("+prod[cnt].id+")'>"+prod[cnt].name+"</li>";  
      }      
      st = st + "</ul>";
      }
      var tt = document.getElementById('holder1');
      tt.appendChild(st); // i even tried **tt.appendChild(eval(st));**
      tt.style.display = 'block';  
    }

}

Answer 1

一些评论:

• eval("prod="+response); - 不要那样做。它创建了一个全局“prod”变量，可以执行任意代码，阻止 JS 引擎加速你的代码，通常被认为是一种糟糕的编码习惯。
  • 改为使用 JSON 解析器(来自 json.org 或您最喜欢的库中的帮助器)。
• tt.appendChild(st);//我什至尝试过 **tt.appendChild(eval(st));** - appendChild 接受一个 DOM 节点； st 是一个字符串，eval(st) 假定它包含 JavaScript 代码来评估 st(因此在 XML 上运行它会导致语法错误，除非你使用 E4X ，它仍然不会创建适合与 appendChild 一起使用的对象)。
  • 您应该解析您构建的 HTML 代码(通过 innerHTML、createDocumentFragment，或者再次使用您最喜欢的 JS 库中的帮助程序)
• 最后，如果您经常这样做，请考虑 using templates instead .