Advertisement
Fhernd

app.js

Sep 30th, 2017
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var BASE_URL = 'https://gateway.marvel.com';
  2. var PERSONAJES = '/v1/public/characters';
  3. var TS = '0717';
  4. var API_KEY = '473fe4dde8c8bb3a7c375218cf929182';
  5. var HASH = '3d9e2cb9baf2c9310167c11cb9124161';
  6.  
  7. /*-- FUNCIONES PROPIAS DE LA VISTA --*/
  8. function showNewSearch() {
  9.     $('.back-container').delay(2000).show('slide', {direction: "right"}, 500);
  10. }
  11.  
  12. function newSearchEvent() {
  13.     $('input[type="text"]').val('');
  14.     $('html, body').animate(
  15.         {
  16.             scrollTop: 0
  17.         }, 1300, function () {
  18.             $('.back-container').hide();
  19.         });
  20. }
  21.  
  22. /*-- ----------------------------- --*/
  23.  
  24.  
  25. /* Función appendHTML que recibe la respuesta de la API como parámetro*/
  26. function appendHTML(response) {
  27.  
  28.     /*INGRESA AQUÍ EL CÓDIGO PARA REALIZAR EL PASO 7 DE LAS INSTRUCCIONES
  29.     *
  30.     *
  31.     *
  32.     *
  33.     **/
  34.  
  35.  
  36.     /*-- ANIMACIÓN PROPIA DE LA VISTA, NO MODIFICAR --*/
  37.     $('html, body').animate(
  38.         {
  39.             scrollTop: $("#page2").offset().top
  40.         }, 1300, showNewSearch);
  41.     /*-- ------------------------------------------ --*/
  42. }
  43.  
  44.  
  45. /* FUNCIÓN DOCUMENT.READY */
  46. $(function () {
  47.     $(window).scrollTop(0);
  48.     $('input[type="text"]').val('');
  49.     $('.back-container').click(newSearchEvent);
  50.  
  51.     $('.character-form').submit(function (event) {
  52.         var clave = $($(event.target).find('input')[0]).val();
  53.  
  54.         if (clave !== ''){
  55.             $.ajax({
  56.                 url: BASE_URL + PERSONAJES + "?ts=" + TS + "&apikey=" + API_KEY + "&hash=" + HASH + "&name=" + clave,
  57.                 type: 'GET',
  58.                 success: function(data){
  59.                     var resultado = $.parseJSON(data);
  60.  
  61.                     if(resultado.data.count === 1){
  62.                         console.log('ok');
  63.                     }
  64.                 }
  65.             });
  66.         }
  67.     });
  68. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement