javascript

ajax_jquery_callback.js

function getAccountAjax(id, callback) {
  $.ajax({
    type: 'GET',
    async: false,
    contentType: 'application/json',
    url: 'controller/get_objeto/' + id + '/' + metodo,
    success: (function (objeto) {
      callback(objeto, false);
    }),
    error: (function (erro) {
      callback(erro, true);
    })
  });
}

getAccountAjax('1', function (result, error) {
  if (result.status == true && error === false) {
    //aqui retorna o true ou dados que vem da api
  }
  if (!result.status && error === false) {
    //erro interno na api
  }
  if (error === true) {
    //erro do evento ajax
    console.log(result)
  }
});

ajax_jquery_promisse.js

function ajax(options) {
  return new Promise(function (resolve, reject) {
    $.ajax(options).done(resolve).fail(reject);
  });
}

ajax({
  url: someURL,
  type: 'post',
  contentType: 'application/json; charset=utf-8',
  data: JSON.stringify({
    something: something,
    anotherthing: anotherthing
  })
}).then(
  function fulfillHandler(data) {
    // ...
  },
  function rejectHandler(jqXHR, textStatus, errorThrown) {
    // ...
  }
).catch(function errorHandler(error) {
  // ...
});

ajax_xhr_promisse.js

function _ajax(method, url) {
  return new Promise(function (resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open(method, url);
    xhr.onload = resolve;
    xhr.onerror = reject;
    xhr.send();
  });
}


ajax('GET', 'http://sopt.moon')
  .then(function (dados) {
    console.log(dados);
  }).catch(function (err) {
    console.error('Oh não!!', err.statusText);
  });

crop_image_canvas.js

  const imageURL = 'https://img.jpg';
        const inputImage = new Image();

        inputImage.onerror = function(){
            // se der erro no carregamento da imagem, faça algo aqui
        }

        // a proporção desejada de nossa imagem de saída (largura/altura)
        const outputImageAspectRatio = 1;

        //queremos esperar por nossa imagem para carregar
        inputImage.onload = () => {
            let cropLength = 200; // quantidade de pixels que vai ser cortado em cima e embaixo
            // armazena a largura e altura de nossa imagem
            const inputWidth = inputImage.naturalWidth;
            const inputHeight = inputImage.naturalHeight;

            // calcular a posição para desenhar a imagem em
            const outputX = 0;
            const outputY = Number('-' + parseInt(cropLength / 2));

            // criar uma tela que apresentará a imagem de saída
            const outputImage = document.createElement('canvas');

            // defini-lo para o mesmo tamanho que a imagem
            outputImage.width = inputWidth;
            outputImage.height = inputHeight - cropLength;

            // desenhar nossa imagem na posição 0, 0 na tela
            const ctx = outputImage.getContext('2d');
            ctx.drawImage(inputImage, outputX, outputY);

            // mostrar tanto a imagem e o canvas na tela
            document.body.appendChild(inputImage);
            document.body.appendChild(outputImage);
        }

        inputImage.src = imageURL;

getUrl.js

function getUrlSite() {
    let nomeUrl = location.hostname;
    let temPorta = location.port != '' ? location.port : ''
    let temCaminhoServidor = window.location.pathname.split('/')[1] != '' ? window.location.pathname.split('/')[1] : '';
    let protolo = location.protocol;
    let urlSite = '';
    // se tiver a porta coloca na url

    if (location.port != '') {
        urlSite = nomeUrl + ':' + temPorta;
        if (window.location.pathname.split('/')[1] != '' && window.location.pathname.split('/')[1] === 'certacon-dev') {
            urlSite = '/' + temCaminhoServidor;
        }
        urlSite = protolo + '//' + urlSite;             
    }else{
        urlSite = nomeUrl;
        if (window.location.pathname.split('/')[1] != '' && window.location.pathname.split('/')[1] === 'certacon-dev') {
            urlSite = urlSite + '/' + temCaminhoServidor;
        }
        urlSite = protolo + '//' + urlSite;     
    }

    return urlSite;   
}

gtag.js

// Declaração da gtag no index
// <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HCEH8P6CDM"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'T-JFHY9POMLK');
</script>

// chamar o metodo gtag no script

gtag('event', 'page_view', {
	'app_name': 'catalogo', // Nome da aplicação
	'screen_name': 'Pesquisa: ' + search // rota ou info da pesquisa
});

popula_table_jquery.js

function carregarclientes() {
        $.getJSON("data.html", function(dados) {
            $(dados).each(function(index) {
                $('#table').append('<tbody><tr><td>' + $(this).nome + '</td>' +
                 '<td>' + $(this).idade + '</td>' +
                 '<td>' + $(this).cpf + '</td>' +
                 '<td>' + $(this).rg + '</td>' +
                 '<td>' + $(this).data_nasc +
                 '</td></tr></tbody>');
                 });
            });
    }
    carregarclientes();

promisses.js

// Retorno do catch
const myPromisse3 = new Promise(function(resolve, reject){
    debugger;
    // nome simula que veio de uma requisição externa
    const nome = "João";

    if (nome === "Wilson"){
        resolve('Usuário Matheus encontrado');
    }
    else{
        reject('Usuário não encontrado');
    }
});

myPromisse3.then(function(data){
    console.console(data);
}).then(function(data){
    console.log(data);
    return data.toLowerCase();
}).catch(function(erro){
    console.log('Aconteceu um erro'  + erro);
});

rotacionar_array.js

function rotacao(V, Q) {
    let index = 0;
    if (V.length > 0){
        while(index < Q){
            V.unshift(V.pop());
            index++;
        }
        return V;
    } else {
        return V;
    } 
}

console.log(rotacao(["A", "B", "C", "D", "E"], 2))