ajax - 即使我使用异步“成功”触发器，responseText 总是返回“未定义”

Question

function WyslijRequestAjaxem(){         
            var pole1 = document.getElementById("data_albo_czas");
            var url1 = "date_time_now.php";         
            alert(pole1.value);
            alert("xd");
                $.ajax({
                    url: url1,
                    type: "get",
                    dataType: "html",
                    data: { zmienna: pole1.value},
                    success: OdbierzResponse                            
                })
        }

        function OdbierzResponse(response) {
            var p = document.getElementById("pt1");             
            p.innerHTML = response.responseText;
        }

Answer 1

对于 jQuery 的 AJAX 函数的 html dataType，传递给success回调的第一个参数是responseText，因此将函数更改为：

function OdbierzResponse(response) {
    var p = document.getElementById("pt1");             
    p.innerHTML = response;
}

如文档中所述，此函数传递了三个参数：

该函数获得三个参数： 从服务器返回的数据，根据 dataType 参数格式化；描述状态的字符串；和 jqXHR（在 jQuery 1.4.x 中，XMLHttpRequest）对象。

如果您需要使用实际的 jqXhr 对象，您需要执行以下操作：

function OdbierzResponse(response, status, xhr) {
    var p = document.getElementById("pt1");             
    p.innerHTML = response;
    ...
}

并用于xhr访问您需要的属性或方法。

Answer 2

function WyslijRequestAjaxem() {
    var pole1 = document.getElementById("data_albo_czas");
    var url1 = "date_time_now.php";
    alert(pole1.value);
    alert("xd");
    $.ajax({
        url: url1,
        type: "get",
        dataType: "html",
        data: {
            zmienna: pole1.value
        },
        success: function (response) {
            OdbierzResponse(response); // call OdbierzResponse function with parameter here
        }
    })
}

尝试改变

p.innerHTML = response.responseText;

到

p.innerHTML = response;