Сортировать по полю выбора

Question

Сортировать по полю выбора

-1

Я запускаю запрос в таблице batsmen и хочу сортировать результаты AZ и ZA, а также High to Low на верхнем байте, используя поле выбора, не перезагружая страницу. У меня возникла проблема с разработкой того, как заставить AJAX js работать с php и выбрать в нем любые идеи о том, как это сделать, я не могу найти полезные учебники. У меня есть этот код:

Контроллер (PHP):

    $batsmenQuery = Batsmen::where('approved', '=', 1);

   switch ($request->SortbyList){
        case 0:
            $batsmenQuery = $batsmenQuery->orderBy('name', 'DESC');
            break;
        case 1:
            $batsmenQuery = $batsmenQuery->orderBy('name', 'ASC');
            break;
        case 2:
            $batsmenQuery = $batsmenQuery->orderBy('hs', 'ASC');
            break;
        case 3:
            $batsmenQuery = $batsmenQuery->orderBy('hs', 'DESC');
            break;
            default:
                $batsmenQuery = $batsmenQuery->orderBy('name', 'DESC');


    }

    $batsmen= $batsmenQuery->paginate(40);

HTML:

        <div class="row">
            <div class="sort">
                <select name="SortbyList" id="SortBy">
                    <option value="0">A to Z</option>
                    <option value="1">Z to A</option>
                    <option value="2">Highest Score</option>
                    <option value="3">Lowest Score</option>

                </select>
            </div>
        </div>

JavaScript:

 $('#SortBy').on('change', function(e){

 });

Любые идеи о том, как использовать javascript для этой работы для переключения между операторами, связанными с тем, что было нажато в поле выбора?

detinu20 24 янв. 2018, в 16:24

Источник

0

Запросы Ajax относительно дороги, поэтому вы хотите перезагрузить отсортированные данные вместо сортировки уже загруженных данных? Вы можете просто обновить DOM своей страницы, чтобы отразить запрошенную сортировку.
milo526 24 янв. 2018, в 14:55
0

Я не хочу перезагружать отсортированную дату. Я хочу отсортировать загруженные данные через поле выбора без перезагрузки страницы.
detinu20 24 янв. 2018, в 15:00
0

Вы хотите загрузить данные с вашего сервера, используя Ajax. Это пока у вас уже есть данные, необходимые при начальной загрузке страницы. На ресурсах дешевле заказывать уже полученные данные, а не использовать Ajax-запрос для их загрузки.
milo526 24 янв. 2018, в 15:02
0

данные не загружаются через PHP, JavaScript обрабатывает переключение с помощью поля выбора, см. выше.
detinu20 24 янв. 2018, в 15:05

Показать ещё 2 комментария

Теги:

javascript

laravel

ajax

laravel-5

2 ответа

Ещё вопросы

Запросы Ajax относительно дороги, поэтому вы хотите перезагрузить отсортированные данные вместо сортировки уже загруженных данных? Вы можете просто обновить DOM своей страницы, чтобы отразить запрошенную сортировку.
Я не хочу перезагружать отсортированную дату. Я хочу отсортировать загруженные данные через поле выбора без перезагрузки страницы.
Вы хотите загрузить данные с вашего сервера, используя Ajax. Это пока у вас уже есть данные, необходимые при начальной загрузке страницы. На ресурсах дешевле заказывать уже полученные данные, а не использовать Ajax-запрос для их загрузки.
данные не загружаются через PHP, JavaScript обрабатывает переключение с помощью поля выбора, см. выше.

Jorge Mejia · Answer 1 · 2018-01-24T13-41-00.000Z

Это пример того, как вы можете делать то, что хотите, вам нужно изменить некоторые вещи в этом коде, используя свои собственные методы.

 $('#SortBy').on('change', function(e){
     $.ajax({
               url: "new_values.php", // This is the url you make the request
               data: {SortbyList : this.value}, // Here you can send to the server the info you want in this case is only the value for the selected item 
               success: function(result){

                 if(result){
                     $("#SortBy").empty();  //This erase all the preview values 
                     var new_options = ''
                     //This loop create the new values
                     $.each(result, function(k,v){
                          new_options += '<option value="'+ v.value +'">'+  v.name +'</option>'
                     });
                     //Now we have all the values we can put on the select
                     $("#SortBy").append(new_options);
                 }

        });
 });

Не работает мой друг, кажется, пытается, но ничего не происходит
Как ты это делаешь? Вы записали свой результат? вы используете Laravel?
Не могли бы вы сделать jsfidle jsfiddle.net, используя мой пример, чтобы увидеть ваш код?
Только что проверил журнал ничего не происходит с этим кодом
Попробуйте смоделировать пост с помощью почтальона, ошибка может быть на стороне сервера

Sérgio Reis · Answer 2 · 2018-01-24T13-40-00.000Z

Кажется, вы смотрите на запрос jquery ajax, посмотрите на этот пример

// Have this in your .blade.php file 
<meta name="csrf-token" content="{{ csrf_token() }}">
<script> 
  var url_variable = "{{route('your_route_name')}}";
</script>


.
.
.
$('#SortBy').on('change', function(e){
   $.ajax({
       url: url_variable,
       type: 'POST',
       dataType: 'JSON',
       data: {
           _token: $('meta[name="csrf-token"]').attr('content'),
           SortbyList : $("#SortbyList").val()
       }
   })
   .success(function (response) {
       console.log(response);
       // Now build the table as you want with javascript and replace it 

   })
   .error(function (xhr, status, response) {
       console.log(xhr.responseText);
   });
});