function commonPage(prev, next, parent, data, success) {
    var itemName =
      arguments.length > 5 && arguments[5] !== undefined
        ? arguments[5]
        : "page-item1";
    var pagesize =
      arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 10;
    var page = 1;
    var total = 0;
    var preSize = 2;
    var isScl = true;

    function fetchData() {
      data.pageindex = page;
      data.pagesize = pagesize;
      data.language = "Chinese";
        request.post(data).then(function (res) {
        if (res.code) {
            if (res.code == '400') {
                $("#searchList").html("<div class='noData'>Request Failed...</div>");
                return;
            }
        }
        if (res.data && res.data.count) {
            total = res.data.count;
        } else {
            total = res.totalData;
        }
        success({
          page: page,
          size: pagesize,
          res: res,
          prev: prev,
          next: next,
          total: total,
          isScl: isScl
        });
        isScl = false;
        qian();
        pagerChange();
        var totalPage = total / pagesize;

        if (total % pagesize > 0) {
          totalPage++;
        }
      });
    }

    function qian() {
      $("." + itemName).remove();
      var front = 0;
      var i;

      for (i = page - 1; i >= page - preSize && i > 0; i--) {
        front++;
        var temple = '<li class="page-item '
            .concat(itemName, '"><a href="javascript:;">')
          .concat(i, "</a></li>");
        $(prev).after(temple);
      }

      var p =
        total % pagesize === 0
          ? total / pagesize
          : parseInt(total / pagesize) + 1;

      for (i = page; i <= p && i <= page + (5 - front); i++) {
        var _temple = '<li class="page-item '
          .concat(itemName, '"><a href="javascript:;">')
          .concat(i, "</a></li>");

        if (page == i) {
          _temple = '<li class="page-item '
              .concat(itemName, '"><a class="cur" href="javascript:;">')
            .concat(i, "</a></li>");
        }

        $(next).before(_temple);
      }
    }

    function pagerChange() {
      $(".".concat(itemName, " a")).click(function (e) {
        var pageIndex = e.currentTarget.innerText;
        var list = $(".".concat(itemName, " a"));

        for (var i = 0; i < list.length; i++) {
          list[i].classList.remove("cur");
        }

        e.currentTarget.classList.add("cur");
        page = parseInt(pageIndex);
        $(parent).empty();
        fetchData();
      });
    }

    $(prev).click(function () {
      if (page == 1) {
        return;
      }

      page = page - 1;
      page = page <= 1 ? 1 : page;

      if (page >= 1) {
        $(parent).empty();
        fetchData();
      }
    });
    $(next).click(function () {
      var totalPage = (total / pagesize).toFixed(0);

      if (total % pagesize > 0) {
        totalPage++;
      }


      if (page >= totalPage) {
        return;
      }

      page = page + 1;

      var pageMax =
        total % pagesize === 0
          ? total / pagesize
          : parseInt(total / pagesize) + 1;

      if (page <= pageMax) {
        $(parent).empty();
        fetchData();
      }
    });

    function reset() {
      page = 1;
      $(parent).empty();
      fetchData();
    }

    pagerChange();
    fetchData();
    return {
      reset: reset
    };
  }