javascript - 向超链接添加功能

Question

有一个链接

<li><a href="../html/testsite.html" id="monoblocks">Моноблоки</a></li>

必须的，当你点击它的时候，除了去页面之外，还要../html/testsite.html添加这个页面的内容

$('.headercontent .menucategoryitem .menu__item ul li a #monoblocks').on('click', function(event) {
  // event.preventDefault();
  console.log('Checkmenuitem');
  subcategoryflag = event.target.innerHTML;
  console.log(subcategoryflag);
  let windowclose = document.querySelector('#dropdownwindow');
  windowclose.style.display = "none";
  $.ajax({
    method: 'POST',
    url: '../php/ajaxsubcategory1.php',
    cache: false,
    data: {
      subcategoryflag: subcategoryflag
    },
    dataType: 'json',
    complete: function(data) {
      console.log(data.header);
      console.log(data.countrecords);
    },
    success: function(data) {
      console.log('check');
      console.log(data);
      $('.rightmenu').html(data.result.msg);
      displayProductItems(data);
    }
  })
});

即在右侧添加内容，在内容中间添加.rightmenu功能displayProductItems(data)。此代码是作为示例提供的 - 对新页面的任何更改都可以。除了去上面的页面，这个页面也必须要改，即超链接不仅打开了一个新的页面，还改了新的页面内容。

标签： javascripthtmlcsshyperlinkclick