Как добавить данные в тег выбора через ajax в Spring mvc

Question

Я делаю небольшой проект Spring MVC и сохраняю данные пользователя. На странице, когда я нажимаю на редактировать заполнение данных Страны из Backend, и я применяю событие Ajax Onchange Когда администратор выбирает страну, список состояний добавляется и когда администратор выбираетдобавление в штат, список районов и т. д. Но когда я нажимаю на Редактировать данные страны и Нет данных, добавляем данные в округе. Я также пытаюсь запустить Ajax под нагрузкой. Может кто-нибудь помочь мне Мой код выглядит как

UserController.java

@RequestMapping(value = "/editApplicant/{id}", method = RequestMethod.GET)
public String editUser(@PathVariable("id") int id, ModelMap modelMap) {
    UserDataPojo userDataPojo = userDataService.getDetailsById(id);
    List<DestinationPojo> destinationPojos = destinationService.getAllCountries();

    modelMap.addAttribute("countries", destinationPojos);
    modelMap.addAttribute("applicantData", userDataPojo );
    if (applicantDataPojo == null) {
        modelMap.addAttribute("Msg", "User is Not Found");
    }
    return "updateuser";
}

И updateuser.jsp

        <label>Country*</label>
        <form:select class="form-control"
         onChange="AjaxCallStateperma()" id="parmanentCountry" 
         path="parmanentCountry">
         <form:option value="${null}">Select</form:option>
         <form:options items="${countries}" itemLabel="countryName" 
         itemValue="countryId" />
         </form:select>


        <label>State*</label>
        <form:select class="form-control"
         onChange="ajaxcalldistrictperma()" id="parmanentState" 
         path="parmanentState">
        <form:option value="${null}">Select</form:option>
        </form:select>

и мой ajax

<script type="text/javascript">
    // bussiness Address to list start
    function AjaxCallState() {
        var country = $('#businessCountry').val();
        console.log(country);
        $.ajax({
            url : "${pageContext.request.contextPath}/loadState",
            async : false,
            type : "GET",
            data : "state=" + country,

            contentType : "application/json;charset=UTF-8",
            dataType : "json",
            success : function(data) {
                $('#businessState').empty();
                $('#businessState').append(
                        '<option value="null">Select State</option>');
                $.each(data, function(i, value) {
                    $('#businessState').append(
                            $('<option>').text(value.stateName).attr(
                                    'value', value.stateId))
                });
            }
        });
    }

Answer 1

Я решил эту проблему с собой. Мы должны использовать функцию IIFE (выражения с немедленным вызовом функции) в javascript.