Question

我的Ajax发布请求会更新成功函数HTML，但在完成功能后会消失。

以下是我的Ajax请求：

$.ajax({
    type: 'POST',
    url: 'http://api.open-notify.org/astros.json',
    dataType: 'json',
    async: false,
    dataType: 'json',
    success: (data) => {
        alert(data.Title)
        $("#final").append("Success")
    },
    error: (data) => {
        $("#final").append("error")
    }, complete: () => {
        $("#final").append("#################")
        alert("complete")
    },
    timeout: 3000 
});

应该进行哪些更改以确保显示更新的html代码？

Answer 1

你真是太近了！

如果右键单击并选择“inspect”，然后在“console”下，您将看到Ajax错误。在这种情况下，它返回$slot，表示POST请求失败。

我已经简化了您的Ajax请求并使其正常工作。这是一个有效的jsfiddle demo.

Answer 2

您还要向Ajax调用添加一些不必要的参数，例如，您的请求应该是GET而不是POST。

$.ajax({
    url:'http://api.open-notify.org/astros.json',
    complete: function (response) {
        $('#output').html(response.responseText);
    },
    error: function () {
        $('#output').html('There was an error!');
    },
});

试试here。

Ajax post函数没有更新html代码

2 个答案: