AJAX загрузка контента с другой страницы

145
11 июля 2019, 04:10

Не загружает контент другой страницы. Подскажите в чем причина? выводит FIND = undefined.

Вот функция:

function replaceMap() {
    var data = {
        country:$("#country").val(),
        region:$("#region").val(),
        city:$("#city").val()
    };
    $.ajax({
        url: getContextPath()+"/ajax/location",
        type: 'POST',
        cache: false,
        data: data,
        success: function(html){
            var findHTML = $(html).find("#location").html();
            alert("FIND = "+findHTML);
            $("#location").html(findHTML);
        }
    });
}

вот контроллер:

@Controller
public class CtrAjax {
    @Autowired private DAOCountry countryDAO;
    @Autowired private DAORegion regionDAO;
    @Autowired private DAOCity cityDAO;
    @RequestMapping(value="/ajax/location", method = RequestMethod.POST)
    public ModelAndView viewLocation(
            @RequestParam(value = "country", required = false) String country,
            @RequestParam(value = "region", required = false) String region,
            @RequestParam(value = "city", required = false) String city
    ) {
        ModelAndView model = new ModelAndView("Ajax_Location");
        Address address = new Address();
        if (country!=null) address.setCountry(countryDAO.get(country));
        if (region!=null) address.setRegion(regionDAO.get(region));
        if (city!=null) address.setCity(cityDAO.get(city));
        model.addObject("address", address);
        model.addObject("list_country", countryDAO.getAll());
        if (country!=null) model.addObject("list_region", regionDAO.getAll(address.getCountry()));
        if (country!=null && region!=null) model.addObject("list_city", cityDAO.getAll(address.getRegion()));
        return model;
    }
}

вот HTML:

<%@ page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>AJAX Page</title>
    </head>
    <body>
        <div id="location">
            <form:select path="address.country">
                <option selected disabled hidden>Страна</option>
                <form:options items="${list_country}"/>
            </form:select>
            <form:select path="address.region">
                <option selected disabled hidden>Регион</option>
                <form:options items="${list_region}"/>
            </form:select>
            <form:select path="address.city">
                <option selected disabled hidden>Город</option>
                <form:options items="${list_city}"/>
            </form:select>
            <script type="text/javascript">
                $("#country").change(function() {replaceMap();});
                $("#region").change(function() {replaceMap();});
            </script>
        </div>
    </body>
</html>
Answer 1

смог реализовать, но не уверен что правильно:

function replaceMap() {
    var data = {
        country:$("#country").val(),
        region:$("#region").val(),
        city:$("#city").val()
    };
    $.ajax({
        url: getContextPath()+"/ajax/location",
        type: 'POST',
        cache: false,
        data: data,
        success: function(html) {
            var div = document.createElement('div');
            div.innerHTML = html;
            var textHTML = $(div).find('#location').html();
            $("#location").html(textHTML);
        }
    });
}
READ ALSO
как сделать псевдоэлемент :before видимым, а основной элемент скрыть?

как сделать псевдоэлемент :before видимым, а основной элемент скрыть?

Пытаюсь сделать вместо стандартного поля для загрузки файла просто квадратикДля этого использую псевдоэлемент :before

172
Как сделать рамки вокруг блока разного цвета?

Как сделать рамки вокруг блока разного цвета?

Как сделать рамки блока как на рисунке?

140
ошибка со Swagger

ошибка со Swagger

подключил =>

147
Как создать экземпляр структуры?

Как создать экземпляр структуры?

У меня есть структура и интерфейс, подскажите как я могу создать экземпляр этой структуры

131