Базовый Ajax получить запрос с помощью jQuery

0

У меня есть проблемы с очень базовым запросом в моем проекте Spring MVC 3.2.

Heres мой запрос ajax:

$(document).ready(function(){

  function getApartmentList(){
      console.log("get");
      $.ajax({
          type: 'GET',
          url: '/getApartmentList',
          dataType: "json",
          contentType: "application/json",
          success: function(data){
              console.log("U are cool !!!");
             console.log(JSON.stringify(data));
          },
          error: function(xhr){
              console.log("error: " + xhr.status );
          }
      });
    }

  $("#testBtn").on("click", function(){
      getApartmentList();
  });


});

и вот серверный метод:

@RequestMapping(value="/getApartmentList", method = RequestMethod.GET)
@ResponseBody
public List<Apartment> getList(){

    Apartment ap = new Apartment();
    ap.setAdress("Norra Stationsgatan");
    ap.setHouseNumber(99);
    ap.setZip(11364);

    Apartment ap2 = new Apartment();
    ap2.setAdress("Birkagatan");
    ap2.setHouseNumber(32);
    ap2.setZip(11339);

    List<Apartment> list = new ArrayList<Apartment>();
    list.add(ap);
    list.add(ap2);

    return list;
}

почему я получаю эту ошибку на консоли браузера?

GET http://localhost:8080/getApartmentList 404 (Not Found) jquery-2.1.0.js:8556
XHR finished loading: GET "http://localhost:8080/getApartmentList".  

поэтому сначала метод, который я не нашел, а затем его нашел, что я делаю неправильно. вы можете выполнить весь проект по адресу: https://github.com/gideono/Bokoll

  • 2
    Привет, что вы получаете, когда вы посещаете localhost: 8080 / getApartmentList
  • 0
    Проверьте, работает ли URL или нет. Один раз попробуйте открыть URL ( localhost: 8080 / getApartmentList ) в браузере.
Показать ещё 2 комментария
Теги:
spring-mvc

1 ответ

0

Вы не возвращаете json, поэтому удалите dataType:"json"

$(document).ready(function(){
      function getApartmentList(){
          console.log("get");
          $.ajax({
              type: 'GET',
              contentType: "application/json",
              url: '/getApartmentList',
              success: function(data){
                  console.log("U are cool !!!");
                 console.log(JSON.parse(data));
              },
              error: function(xhr){
                  console.log("error: " + xhr.status );
              }
          });
        }

  $("#testBtn").on("click", function(){
      getApartmentList();
  });


});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню