jquery（服务器端）使用ajax进行搜索和排序

Question

我尝试使用 Ajax 从实时 URL 创建搜索和排序，我使用了搜索功能并设法从 URL 中检索数据。

我在选择选项中显示 Ajax 响应，如下代码所示。我想按值（级别值）的顺序对选择选项进行排序，值在结果中随机检索。

我怎样才能结合搜索和排序功能呢？我使用了很多教程来做到这一点。对于任何知道的人，请帮助我做到这一点。谢谢。

请提供一种解决方案，使用当前搜索功能根据值（按级别）自动排序数据。当前结果示例：

到目前为止，我有这个代码：

function doSearch() {
    $.Ajax({
          URL: 'https://live.ksmobile.net/live/BOYS',
          data: {
            page_size: 10,
            page_index: current_page
          },
          cache: false,
          type: 'GET',
          datatype: 'JSON',
          success: function(r) {
              var max = $('#limit').VAL();

              if (r.data.video_info.length < max) max = r.data.video_info.length;

              for (index = 0; index < max; index++) {
                var entry = r.data.video_info[index];
                var level = parse Int(entry.level);

                if ((level > $('#min').val()) && (level < $('#max').val())) {
                  count++;
                  var HTML = '<div class="entry ' + '"><h="' + entry + '">';
                  HTML += '<h3>Level: <span>' + entry.level + '</span> <span>' + entry.name + '' + '</span>id:<span>' + entry.heat;
                  HTML += '</div>';
                  $('#main').append(HTML);
                }
              }

Answer 1

您可以编写一个自定义排序函数，如下所示：

function sortResults(array) {
    array.sort(function(x, y) {
        if (parseInt(x.level, 10) < parseInt(y.level, 10)) {
            return -1;
        }
        if (parseInt(x.level, 10) > parseInt(y.level, 10)) {
            return 1;
        }
        return 0;
    });
}

然后在你的 for 循环之前调用它：

sortResults(r.data.video_info);

您也可以使用 lodash 之类的库来省点麻烦，然后使用：

r.data.video_info = _.sortBy(r.data.video_info, item => {
    return _.parseInt(item.level);
});