javascript - 在jquery加载函数中传递动态id值

Question

我试图在 Jquery 加载函数中传递动态 id 并得到“未捕获的语法错误：无效或意外令牌”错误。如何将我的 id 与 Jquery 选择器连接起来？我希望当我的值通过 ajax 更新时，然后根据动态 id 重新加载 div。请在下面查看我的代码：

<script>
function update_function(target,name,pid,empid) {
  var data = target.textContent;
  var id=pid;

  $.ajax({
      url: 'ajax.php',
      method: 'GET',
      data: { emp_id: empid, col_status:data },
      success: function (data){
          $("#"+id+").load(location.href + #"+id+");
           console.log(id);

      }
  });


}
</script>

Answer 1

您可以使用模板文字来减少混淆。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

<script>
function update_function(target,name,pid,empid) {
  var data = target.textContent;
  var id=pid;

  $.ajax({
      url: 'ajax.php',
      method: 'GET',
      data: { emp_id: empid, col_status:data },
      success: function (data){
          $(`#${id}`).load(`${location.href}#${id}`);
           console.log(id);
      }
  });


}
</script>

Answer 2

看看我对您的串联所做的更改，以及一些支撑结构。除此之外，你很亲密。这应该编译。

<script>
    function update_function(target,name,pid,empid) {
      var data = target.textContent;
      var id=pid;

      $.ajax({
          url: 'ajax.php',
          method: 'GET',
          data: { emp_id: empid, col_status:data },
          success: function (data) {
          $("#" + id).load(location.href + "#" + id)
             console.log(id);
          }     
       });
    }
</script>