代码

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!");
        }
    });

我在控制台中调用了更新版本，但是在Windows加载中却没有调用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();
});

在HTML页面中显示Ajax响应

代码

1 个答案: