Supprimer ajax d'une petite fonction JS

[sff]

Bonjour,

je souhaite supprimer l'ajax dans la petit fonction ci dessous.

function set_item(id_server, zipcode, page) {
    
       var load = function (url) {
        $.get(url).done(function (data) {
            $("#results").html(data);
        })
    };

            url = '?page=test',
            title = 'Test';

        history.pushState({
            url: url,
            title: title
        }, title, url);

        document.title = title;

        load(url);   

}

J'ai essayé ceci, mais la balise results ne retourne rien :

function set_item(id_server, zipcode, page) {
     
       var load = function (url) {
        
       if(!xhr){ 
        xhr = createRequestObject();
    }
 
    xhr.open("POST",url,true);     
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 
    xhr.onreadystatechange = function() {
        if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
            document.getElementById("results").innerHTML=this.responseText;
        }
    }
     
    };
     
            url = 'africa.html',
            title = 'Africa';
 
        history.pushState({
            url: url,
            title: title
        }, title, url);
 
        document.title = title;
 
        load(url); 
 
}

Je vous remercie d'avance

 

[rick38]

La question serait pas que tu souhaites supprimer "jQuery" et non l'ajax ?

 

[UsagiYojimbo]

Oui parce que dans les 2 cas, on est bien face à de l'Ajax.

 

[sff]

Oui en effet je souhaite ne pas etre dépendant de Jquery. Mais je ne trouve clairement pas la solution. Je vous en remercie d'avance si vous avez une idée.

 

[spout]

Dans la console tu vois bien le request AJAX ?
Tu as évidemment testé console.log(this.responseText), histoire de voir si la condition status 200 etc est remplie ?

 

[sff]

Oui et ca ne me retourne rien.

console.log(this.status); ne renvoie d'ailleurs rien sur tout

 

[sff]

C'est bon j'ai trouvé. Il suffisait de virer
var load = function (url) {

Merci pour votre aide

 

[sff]

Par contre connaissez vous le moyen pour passer une donnée en type POST ? J'ai essayé ceci mais cela ne fonctionne pas :

url = '?page=test',
title = 'test';

var options = {

        type: 'POST',
        data: {test:'1'}

    };

history.pushState({options: options, url: url, title: title }, title, url);

 

[mickou51]

Il faut essayer un truc de ce genre c'est mieux:

$.post("/page.php", {
        test: '1',
        AutreVar: '1'
})
.done(function(data) {
alert(data);
});

Et dans page.php:

<?php echo "$_POST['test']";?>

 

[sff]

Merci mickou51 mais en gardant history.pushState et sans passer par jquery ce n'est pas possible ?

 

[rollback]

pas sur d'avoir bine saisi la question, mais si j'ai bien saisi voir ce lien :
https://designbypelling.co.uk/blog/html5-pushstate-tutorial/#.XBQQFiyNyUk

il y a toujours du jquery (qu'on pourrait enlever, ce serait juste moins condensé)
p.find('li').removeClass('active');
--> document.get... ny id..().classlist.remove('active') ....