node.js中underscore_.template加载时候Syntax error, unrecognized expression: ＜div class=“col-md-4 grid“ ＞

最新推荐文章于 2022-06-19 18:08:06 发布

qq_34289845

最新推荐文章于 2022-06-19 18:08:06 发布

阅读量170

点赞数

分类专栏：前端文章标签： node.js javascript jquery html

本文链接：https://blog.csdn.net/qq_34289845/article/details/120712398

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在Node.js后端环境中遇到使用Underscore_.template时出现SyntaxError，错误位于HTML标签中。问题出在尝试将jQuery包装的$去除后得到解决。尽管之前的教学建议可以包裹，但目前这种方法已不再适用。代码中，通过编译模板并使用迭代函数填充数据，然后尝试将结果追加到DOM元素时出现问题。解决方案是直接使用非jQuery的DOM操作。

摘要由CSDN通过智能技术生成

在underscore_.template加载时候出现Syntax error, unrecognized expression: <div class="col-md-4 grid" >，所使用的环境是node单线程的后端环境。在加载编译之后

 var compiled=_.template($("#moban").html());
  var tianchong=$('#tianchong');
  // console.log(tianchong)
  $.ajax({
      "url":"/getAllContent1?page=0",
      "type":"get",
      // async:true,
      "success":function(result2){
        console.log(result2);
        iterator(0);
        function iterator(i){
          if(i==result2.length){
            return;
          }
        $.get("/getuserinfo?username="+result2[i].username,function(result){

              result2[i].avatar=result[0].avatar;
              var htmlstr=compiled(result2[i]);
              // console.log(htmlstr)
              $("#tianchong").append($(htmlstr));//经过前端调试问题出现在这里

              iterator(i+1);
              // console.log( result2[i])

        })}
      }

  })

处理方案是将jquery包装的$去掉即可，虽然我也不太明白为啥，之前的视频，黑马程序员中有个老师说是可以包装，不过时过境迁，现在已经不行了