My function is not running on page load

Question

My function is not running on page load

Navigation

#1 by (2 votes)
#2 by (0 votes)

1

I'm having the following problem sirs.

I have the following function

function sortTable() {
arr = JSON.parse(localStorage.context_data);
    $('#tableLemos th').click(function () {
        console.log("funcao carregada...")
        var id = $(this).attr('id');
        var asc = (!$(this).attr('asc')); // switch the order, true if not set

        // set asc="asc" when sorted in ascending order
        $('#tableLemos th').each(function () {
            $(this).removeAttr('asc');
        });
        if (asc)
            $(this).attr('asc', 'asc');

        sortResults(id, asc);
    });
}

and also this

function request(url) {
dados = [];
$.ajax({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    //url: "http://localhost:8080/WEB/web/configFields/" + field,
    url: url ? url : "http://localhost:8080/WEB/web/usuarios/find/",
    dataType: "json",
    success: function (data) {
        dados = data;
        localStorage.setItem("context_data", JSON.stringify(data));
        transform_table(JSON.stringify(data));
    }});
sortTable();
}

As a rule, every time I call the request() function the sortTable() function should be executed, but it does not happen, and detail if I open the Chrome console and run the sortTable() / p>

2 answers

0

Hhmm I understood friend, it means that the moment I call my function request () the Ajax code is executed simultaneously with the right function?

That explains a lot.

Thank you!

17.09.2018 / 03:34

Searching and displaying results 2 tables mysqli / php Is there a way to "link" specific content from one repository to the other?

score 2 · Accepted Answer

You're experiencing a problem with syncing. Remember: AJAX is asynchronous by default. So if we want a function to be called after the request, we have to report this with the ".then" like this:

function request(url) {
dados = [];
$.ajax({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    //url: "http://localhost:8080/WEB/web/configFields/" + field,
    url: url ? url : "http://localhost:8080/WEB/web/usuarios/find/",
    dataType: "json",
    success: function (data) {
        dados = data;
        localStorage.setItem("context_data", JSON.stringify(data));
        transform_table(JSON.stringify(data));
    }}).then(function(){
        sortTable();    
    });
}