Отобразить ответ Ajax на HTML-странице

Question

Я просмотрел десятки похожих вопросов, но не смог найти нужного мне решения.Извините заранее, если это дубликат.Я хочу показать ответ Ajax на странице после загрузки окна.

Код

HTML

<ul class="rate-ul">
    <li id="LTL">LTL Freight</li>
</ul>

и часть jqueryизменить это:

Javascript / jQuery

if(condition){
$("#LTL").change(UpdateLTLRating);
}
function UpdateLTLRating() {
    console.log("update shipping called");
    $.ajax({
        url: window.location.href,
        data: 'call=ajax&method=ltlRateList&'
        type: 'POST',
        success: function (resp) {
        console.log(resp)
        $(".rate-ul").html(resp);
        },
         error: function (xhr, status) {
            alert("Sorry, there was a problem!");
        }
    });

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

Answer 1

Из вашего примера не ясно, что вы даже вызываете свою функцию при загрузке окна, чтобы получить нужные данные, если это так в вашем исходном коде, вот как вы можете это сделать:

if(condition){
    $("#LTL").change(UpdateLTLRating);
}
function UpdateLTLRating() {
    console.log("update shipping called");
    $.ajax({
        url: window.location.href,
        data: 'call=ajax&method=ltlRateList&'
        type: 'POST',
        success: function (resp) {
        console.log(resp)
        $(".rate-ul").html(resp);
        },
         error: function (xhr, status) {
            alert("Sorry, there was a problem!");
        }
    });
}

$(document).ready(function() {
    UpdateLTLRating();
});