Ajax не работает должным образом в Internet Explorer при использовании тега f: ajax

Question

У меня есть следующий код, так что при выборе переключателя выполняется Ajax:

<f:ajax event="change"
        listener="#{beanName.endDateChange}"
        render="endDate dateHdr"
        onevent="changeEndDateBox(this)"/>

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

Я видел много решений для Ajax, не работающих в IE, таких как установка cache = false, но я не уверен, как преобразовать это в мой код Ajax, который находится в файле xhtml (я попытался поместить сразу = "правда", но это не сработало).

Answer 1

Вы можете попробовать использовать JQuery с JSF и прикрепить событие изменения JQuery к переключателю.Затем вызовите метод ajax и сделайте что-нибудь вроде этого:

<input class="rdo" type="radio" value="AA" /> AA<br />
<input class="rdo" type="radio" value="BB" />BB

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(function () {
        $(".rdo").each(function (index, item) {
            $(item).change(function () {
                alert($(this).val());

                //ajax code, do something.
            })
        })
    });
</script>