My ajax in safari browser does not work

Question

well, it enters the requisicao, returns the data correctly, but the moment I use the . appendchild it does not fill... OBS: in Chrome it works......

and on the console it gives the following error:

TypeError: 'undefined' is not a function (evaluating 'document.getElementById("procuraCPF").append(li)')

---

function IniciaAjax() {
        var HTTP_REQUEST;
        try {
            HTTP_REQUEST = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (e) {
            try {
                HTTP_REQUEST = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch (ex) {
                try {
                    HTTP_REQUEST = new XMLHttpRequest();
                    HTTP_REQUEST.overrideMimeType('text/html');
                }
                catch (exc) {
                    alert("Esse browser não tem recursos para uso do Ajax");
                    HTTP_REQUEST = null;
                }
            }
        }
        return HTTP_REQUEST;
    }

    function meuPrimeiroAjax(textoo) {
        ajax = IniciaAjax();

        if (ajax) {
            ajax.onreadystatechange = function () {
                if (ajax.readyState == 1) { }
                if (ajax.readyState == 4) {
                    var data = JSON.parse(ajax.responseText);
                    document.getElementById('procuraCPF').innerHTML = "";
                    var option
                    for (var i in data) {
                        option = document.createElement("option");
                        var t = document.createTextNode(data[i].nome);
                        li.appendChild(t);
                    }
                    document.getElementById("procuraCPF").append(li);
                    //procuraCPF eh uma div
                }
            }
            dados = 'cpf=' + textoo;
            ajax.open('POST', '/Cliente/buscarClientesCPFS/', true);
            ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            ajax.send(dados);
        }
    }
        $(document).on('keyup', '#inputCPF', function () {
            $("#procuraNome").hide();
            $("#procuraCPF").show();
            var text = $("#inputCPF").val();
            meuPrimeiroAjax(text);

        });

Answer 1

Don’t use it that way, learn how to use the fetch API Here the Link for documentation: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

or you can use a lib called Axios. https://github.com/axios/axios

I recommend you to use Xios for sure is one of the best options.

I’ll give you an example in fetch and Xios

fetch('url', {method: 'POST', body: { ... campos posts }}, { ... headers se não tiver não é obrigatório });

axios.post('url', { posts });