Блог

Главная - Вопросы по программированию - Spring просмотр подробной страницы с помощью ajax

Spring просмотр подробной страницы с помощью ajax

#ajax #spring-boot

#ajax #spring-загрузка

Вопрос:

Я хотел бы знать, как вы могли бы выполнить ajax-вызов на другую страницу, чтобы показать список, содержащий данные сервиса

Models.html

 <table class="table table-striped">
                  <thead>
                    <tr>
                      <th scope="col">Id</th>
                      <th scope="col">Model</th>
                    </tr>
                  </thead>
                  <tbody>
                        
                  </tbody>
                </table>

Контроллер

  @CrossOrigin
    @GetMapping("/cars/{id}/model")
    public List<Model> getModels(@PathVariable Long id) {
      Optional<Car> car = carRepository.findById(id);
      return car.get().getModels();
    }

Json

 $('table').on('click', 'button[id="model"]', function(e){
         var id = $(this).closest('tr').children('td:first').text();
         $.ajax({
             type:"GET",
             enctype: 'application/json',
             url:"/cars/"   id   "/model",
             success: function(data){
                 var models = JSON.parse(JSON.stringify(data));
                 for (var i in models) {
                     console.log(i);
                 }
             },
             error: function(err) {  
                console.log("Error");
             }
     });

Комментарии:

1. Что-то не работает в показанном коде?

2. Код отлично извлекает данные в моем API. Только я хотел, чтобы она переходила на другую страницу, когда я нажимал кнопку <td> <идентификатор кнопки = ‘model’ class = ‘btn btn-sucess’> Модели </button> </td>

3. Пример Я нажал на идентификатор 1, система должна открыть другую страницу с таблицей, заполненной данными модели в соответствии с идентификатором

4. Что конкретно вы подразумеваете под «хотели, чтобы это перешло на другую страницу»? Если вы хотите, чтобы пользователь переходил на новую страницу, не используйте AJAX. Просто используйте ссылку на эту страницу.