webapp.js.server.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of corese-server Show documentation
Corese is a Semantic Web Factory (triple store and SPARQL endpoint) implementing RDF, RDFS, SPARQL 1.1 Query and Update.
The newest version!
var content = "#contentOfSite";
var changeURL = true;
var srv = "/srv";

//Get template by sending ajax request 'GET or 'POST' according to parameter type
function trans(obj) {
    if (typeof obj === 'string') {
        transGET(obj);
    } else if (typeof obj === 'object') {
        transPOST(obj);
    } else {
        return false;
    }
}

//get generated html from server by sending ajax 'GET' request
function transGET(url) {
    url = cleanUrl(url)
    $.ajax({
        type: 'GET',
        url: url,
        crossDomain: true,
        success: function (response) {
            success(response, url);
        },
        error: function (response, status, cause) {
            error(response, cause);
        }
    });
}

//get generated html from server by sending ajax 'POST' request
function transPOST(form) {
    var fd = new FormData(form);
    if (form.id === '') {
        alert('Please give a unique name to the form.');
        return false;
    }
    var url = $('#' + form.id).attr('action');//get relative path
    $.ajax({
        type: 'POST',
        url: url,
        data: fd,
        enctype: "multipart/form-data",
        processData: false,
        contentType: false,
        crossDomain: true,
        success: function (response) {
            success(response, url);
        },
        error: function (response, status, err) {
            error(response, err, url);
        }
    });
}

function cleanUrl(url) {
    let parts = url.split("?"); // search whether there are parameters.
    if (parts.length === 1) { // no parameter to clean.
        return url;
    } else {
        let search = new URLSearchParams(parts[1]);
        let result = `${parts[0]}?${search.toString()}`; // parameters are written using encodeURIComponent
        return result;
    }
}

//return 500 error
function error(response, err, url) {
    var text = '' + err + ' (error code: ' + response.status + ')

' + response.responseText + '';
    $(content).html(text);
    updateUrl(url);
}

//when ajax returns '200 ok', display the response text on the page
function success(response, url) {
    const text =  response ;
    const range = document.createRange();
    const contentNode = document.getElementById("contentOfSite");
    range.selectNode(contentNode);
    var documentFragment = range.createContextualFragment(text);
    contentNode.innerHTML = "";
    contentNode.appendChild(documentFragment);
    updateUrl(url); //2 change the url displayed in broswer url bar
}

// store the browsering history and change the url in the browser url bar
function updateUrl(url) {
    if (changeURL && url.trim() !== '') {
        url = location.protocol + "//" + location.host + "/srv" + url;
        window.history.pushState('', '', url);
    }
    changeURL = true;
}

//initialize the page content
window.onload = function () {
    loadContent();
};

//go back/forward, reload page
window.onpopstate = function (event) {
    changeURL = false;//when go back/forward, don't change history manutually
    loadContent();
};

// loading content of page whe refreshing or reloading page, load all contents
// Home page webapp/demo_new.html has 3 place holders: navgator footerOfSite content
// place holders are completed with 3 HTML files from webapp/html
function loadContent() {
    // 0 load header and footer of page
    $('#navgator').load("/html/navigator.html");
    $('#footerOfSite').load("/html/footer.html");

    // 1 load home page content when required and return
    if (location.pathname === '/demo_new.html' || location.pathname.trim() === '/') {
        $(content).load("/html/content.html");
        changeURL = true;
        return;
    }
    else if (location.pathname === '/ldbrowser.html') {
        $(content).load("/html/ldbrowser.html");
        changeURL = true;
        return;
    }

    // 2 execute requested service using trans(url) and insert content
    // in the page following ajax protocol
    var url = location.pathname + location.search;
    var index = url.indexOf(srv);
    if (index !== -1) {
        return;
    }
    url = url.substr(index + srv.length);
    trans(url);
}

//call function 'callback' when ajax request is completed
//function 'callback' is a javascript function that is defined in template,
//which need to be executed after ajax request completes
$(document).ajaxComplete(function (event, request, settings) {
    //if the funciton 'callback' is defined, otherwise do nothing
    if (typeof callback === 'function') {
        callback();
    }
});