Javascript Jquery Ajax HTML-添加加载

我在本地尝试过这段代码，但似乎无法让它在我的国家/地区显示html文件的内容。我尝试过使用它，但都没有用。我似乎看不到任何代码真正告诉ajax将内容放在哪里

---

我通常使用.html函数将内容插入父元素

window.onload = function () {
    var a = document.getElementById("country_link");
    a.onclick = function () {
        $.ajax({
            type: 'GET',
            dataType: 'html',
            url: '/ajax/test.html',
            timeout: 5000,
            success: function (data, textStatus) {
                $("#country_slide").html(data);
                alert('request successful');
            },
            error: function (xhr, textStatus, errorThrown) {
                alert('request failed');
            }
        });
        return false;
    }
}

---

通过这种方式，微调器最初可以放置在父元素中，然后在从服务器返回内容时被覆盖。我通常使用.html函数将内容插入父元素

window.onload = function () {
    var a = document.getElementById("country_link");
    a.onclick = function () {
        $.ajax({
            type: 'GET',
            dataType: 'html',
            url: '/ajax/test.html',
            timeout: 5000,
            success: function (data, textStatus) {
                $("#country_slide").html(data);
                alert('request successful');
            },
            error: function (xhr, textStatus, errorThrown) {
                alert('request failed');
            }
        });
        return false;
    }
}

---

这样，微调器最初可以放置在父级内部，然后在从服务器返回内容时被覆盖

您可以使用

发送前

和

完成

方法来显示或隐藏加载符号

beforeSend : function() {
   $('.loader').show();
}, 
success: function (data, textStatus) {
    $("#country_slide").show();
    alert('request successful');
},
error: function (xhr, textStatus, errorThrown) {
    alert('request failed');
},
complete : function() {
   $('.loader').hide();
}, 

---

您可以使用

beforeSend

和

complete

方法来显示或隐藏加载符号

beforeSend : function() {
   $('.loader').show();
}, 
success: function (data, textStatus) {
    $("#country_slide").show();
    alert('request successful');
},
error: function (xhr, textStatus, errorThrown) {
    alert('request failed');
},
complete : function() {
   $('.loader').hide();
}, 

---

这里似乎有两个问题，到底是哪一个？您是在尝试显示加载变量，还是在请求完成时尝试显示结果数据？您是在混合和匹配JQuery，这不是无效的，但很奇怪。您确定没有发生Javascript错误吗？很抱歉，我现在已经澄清了我的问题。在您的JSFIDLE示例中，

div#country_幻灯片

没有内容，因此

show

将不显示任何内容。更不用说它在默认情况下是可见的。你一定在寻找类似于TGH的答案的东西。这里似乎有两个问题，到底是哪一个？您是在尝试显示加载变量，还是在请求完成时尝试显示结果数据？您是在混合和匹配JQuery，这不是无效的，但很奇怪。您确定没有发生Javascript错误吗？很抱歉，我现在已经澄清了我的问题。在您的JSFIDLE示例中，

div#country_幻灯片

没有内容，因此

show

将不显示任何内容。更不用说它在默认情况下是可见的。你一定在寻找与

TGH

的答案类似的东西。