模版代码

function getArticles() {
  const articles = []
  const articleDoms = document.getElementsByClassName('article-item-box')
  for (const articleDom of articleDoms) {
    articles.push({
      id: articleDom.getAttribute('data-articleid'),
      name: articleDom.getElementsByTagName('a')[0].innerText
    })
  }
  return articles
}
function ajax(uri, method, async, callback) {
  const xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      callback(xmlHttp.responseText)
    }
  }
  xmlHttp.open(method, uri, async);
  xmlHttp.send();
}
function getArticlePage(pageIndex, callback) {
  ajax("/${username}/article/list/" + pageIndex, 'GET', false, data => {
    document.getElementById('_page').innerHTML = data
    callback()
  })
}
function searchArticle(callback) {
  document.body.innerHTML = ''
  const page = document.createElement('div');
  page.id = '_page'
  document.body.insertBefore(page, document.body.firstElementChild);
  const resultDialog = document.createElement('div');
  resultDialog.id = '_resultDialog'
  resultDialog.style = 'display:flex;align-items: center; justify-content: center;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);z-index:9;'
  document.body.insertBefore(resultDialog, document.body.firstElementChild);
  document.getElementById('_resultDialog').innerHTML = '<div id="_result" style="width:600px;max-height: 600px;overflow-y: auto;box-shadow: 0 0 8px -2px #333;padding: 15px 30px; background: #fff;">正在搜查文章，请稍后...</div>'
  setTimeout(() => {
    const articles = []
    getArticlePage(${diggStartPageIndex}, () => {
      articles.push.apply(articles, getArticles());
      for (let i = ${diggStartPageIndex} + 1; i <= ${diggPageCount} + ${diggStartPageIndex}; i++) {
        getArticlePage(i, () => {
          articles.push.apply(articles, getArticles());
        })
      }
    })
    <#noparse>let resultDoms = `<h3 style="border-bottom: 1px solid #ccc;line-height: 40px;font-size: 14px;">共搜索到 ${articles.length} 篇文章</h3>`</#noparse>
    for (const article of articles) {
      resultDoms += `
      <#noparse><div id="${article.id}" style="display: flex;line-height: 30px;">
        <span style="width: 320px; height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">${article.name}</span>
        <span style="width: 280px; text-align: right;">waiting...</span>
      </div></#noparse>
    `
    }
    document.getElementById('_result').innerHTML = resultDoms
    callback(articles)
  }, 0)
}
function doLike() {
  searchArticle(articles => {
    for (const article of articles) {
      ajax('/${username}/phoenix/article/digg?ArticleId=' + article.id, 'GET', true, data => {
        const statusDom = document.getElementById(article.id).getElementsByTagName('span')[1]
        data = JSON.parse(data)
        if (data.status === true) {
          statusDom.innerText = '点赞成功'
        } else if (data.status === 0) {
          statusDom.innerText = data.msg
        } else {
          statusDom.innerText = '点赞失败'
        }
      })
    }
  })
}
doLike()