lolbox.duowan.com/frontend/js/battleSearch.js

$(function() {
  //战绩查询
  var GradeSearch = function() {
    this.locationHref = "playerList.html";
    this.fromCookie = false;
    this.server = "all";
  };

  GradeSearch.prototype = {
    constructor: GradeSearch,
    init: function() {
      var that = this;

      this._initCookie();

      $("#serversUl").niceScroll({
        cursorcolor: "#D9D9D9",
        cursorwidth: "8",
        cursoropacitymin: 1,
        cursorborder: 'none'
      });

      $("#searchBtn").on("click", function(e) {
        that._submit(e);
      });

      $('#keyword').keydown(function(e) {
        if (e.which == 13) {
          that._submit(e);
        }
      });

      $("#clearBtn").on("click", function(e) {
        e.preventDefault();
        that._clearCookie();
      });

      $("body").delegate('#records>a', 'click', function(e) {
        e.preventDefault();
        var value = $(this).find("label").html();
        $("#keyword").val(value);
        that.fromCookie = true;
        that._submit(e);
      });

      $("#serversUl>li").on("click", function(e) {
        e.preventDefault();
        that.server = $(this).attr("data-server");
        $("#servers").html(that.server);
      });

      //热门视频、正在直播
      // this._getData().done(function(data) {
      //   var hotVideoHtml = '';
      //   var liveHtml = '';
      //   _.each(data.hot_video.slice(0, 4), function(item, key){
      //       if(key >= 2) return;
      //       hotVideoHtml += '<li><a href="'+item.url_source+'" target="_blank"><img src="'+item.url_media+'"></a><p><span class="word">'+item.title+'</span></p></li>';
      //   });

      //   _.each(data.live, function(item, key){
      //       if(key >= 1) return;
      //       // console.log(item)
      //       var countUrls = item.url_media.split(",")
      //       liveHtml += '<li><a href="'+item.url_source+'?from=lol" target="_blank"><img class="big-img" src="'+countUrls[0]+'"></a><img class="avatar-img" src='+countUrls[1]+'><div class="v-shadow"></div><p><span class="word">'+item.title+'</span></p></li>';
      //   });

      //   $('.video-left ul').html(hotVideoHtml);
      //   $('.video-right ul').html(liveHtml);
      // });
    },
    _initCookie: function() {
      var serverCookies = getCookie("pnCache");

      if (serverCookies) {
        $("#records").html('');
        var sCookies = serverCookies.split("-").unique().reverse();
        $.each(sCookies, function(i, cookiePn) {
          var item = decodeURI(cookiePn);

          var $key = i == 0 ? ("<a><label>" + item + "</label></a>") : ("<a><span>|</span><label>" + item + "</label></a>");
          $("#records").append($key);
        });

        $("#clearBtn").show();
      } else {
        $("#clearBtn").hide();
      }
    },
    _submit: function(e) {
      var that = this;
      e.preventDefault();
      var value = encodeURI($("#keyword").val());

      if (value) {
        $("#keyword").val("");

        var shCookie = getCookie("pnCache"),
          shCookieString = '',
          sh;

        if (shCookie) {
          // var shCookieArr = shCookie.split("-");

          // for (var i = 0, len = shCookieArr.length; i < len; i++) {
          //   var item = shCookieArr[i];

          //   if (i == 0) {
          //     shCookieString += item;
          //   } else {
          //     shCookieString += '-' + item;
          //   }
          // }

          sh = shCookie + "-" + value;
        } else {
          sh = value;
        }

        if (!this.fromCookie) {
          addCookie("pnCache", sh);
          setTimeout(function() {
            that._initCookie();
          });
        }
        this.fromCookie = false;

        //数据上报
        try {window.external.data_report("click/search", "点击/搜索");} catch(err) {}

        //跳转
        window.location.href = this.locationHref + "?sn=" + encodeURI(this.server) + "&pn=" + value;
      }
    },

    _clearCookie: function() {
      delCookie("pnCache");
      $('#records').html('');
      $('#clearBtn').hide();
    },
    _getData: function() {
      return $.ajax({
          url: 'http://lolbox.duowan.com/api/article/index.php?format=jsonp',
          dataType: 'jsonp',
          jsonpCallback: 'jQueryJsonp',
          jsonp: 'callback'
      });
    }
  };

  Array.prototype.unique = function() {
    var res = [];
    var json = {};
    for (var i = 0; i < this.length; i++) {
      if (!json[this[i]]) {
        res.push(this[i]);
        json[this[i]] = 1;
      }
    }
    return res;
  };

   function getCookie(cookieName) {
        var cookieString = document.cookie;
        var cookies = cookieString.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = cookies[i];
            var start = cookie.indexOf(cookieName + '=');
            if (start == -1 || start > 1) continue;
            start += cookieName.length + 1;
            return cookie.substring(start);
        }
        return null;
    }

    //写cookies
    function addCookie(name,value){
        var Days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days*24*60*60*1000);
        document.cookie = name + "="+ value + ";expires=" + exp.toGMTString();
    }

  function delCookie(name) { //为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间 
    var date = new Date();
    date.setTime(date.getTime() - 10000);
    document.cookie = name + "=x; expires=" + date.toGMTString();
    // document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:01 GMT;';
  }


  new GradeSearch().init();
});