Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Javascript
Posted by: jazdian
Added: Jul 6, 2018 9:30 PM
Modified: Jul 6, 2018 9:41 PM
Views: 20
Tags: ajax
Class to send a recive data by ajax
  1. var pajax = {
  2.  
  3.    url: '',
  4.    type: 'POST',
  5.    data: '',
  6.    datatype: '',
  7.    function_e: function(od){
  8.       console.log('Function defined by default.')
  9.       console.log(od);
  10.       return (od);
  11.    }
  12.  
  13. };
  14.  
  15. var majax = {
  16.  
  17.    SendByAjax: function () {
  18.  
  19.       var ObjectData;
  20.  
  21.        $.ajax({
  22.              url: pajax.url,
  23.              type: pajax.type,
  24.              data: pajax.data,
  25.              datatype: pajax.datatype,
  26.              async: true
  27.           })
  28.  
  29.          .done(function (jsonStr, textStatus, jqXHR) {
  30.             if (console && console.log) {
  31.                //console.log("Success: " + textStatus + ". " + jqXHR + ". " + jsonStr);
  32.                //console.log(jqXHR); //Objeto con los datos de la respuesta del servidor...
  33.                console.log("Message server: " + textStatus + ". ");
  34.             }
  35.             if (pajax.datatype == 'JSON')
  36.             {
  37.                ObjectData = JSON.parse(jsonStr);
  38.                //console.log(ObjectData);
  39.             }
  40.             else if (pajax.datatype == 'HTML')
  41.             {
  42.                ObjectData = jsonStr;
  43.                //console.log(ObjectData);
  44.             }
  45.  
  46.             pajax.function_e(ObjectData);
  47.             //return ObjectData;
  48.  
  49.          })
  50.  
  51.          .fail(function (jqXHR, textStatus, errorThrown) {
  52.             if (console && console.log) {
  53.                console.log(textStatus);
  54.                console.log(errorThrown);
  55.                console.log(jqXHR);
  56.             }
  57.             ObjectData = "Sorry, Error: " + errorThrown + ". Status: " + textStatus;
  58.             pajax.function_e(ObjectData);
  59.             //return ObjectData;
  60.          });
  61.  
  62.    }
  63.  
  64. };
  65.  
  66. //===========================================================================
  67. //
  68. // Call function
  69.  
  70.   function MyFunction()
  71.   {
  72.       $("#MiForm").submit(function(e){
  73.         e.preventDefault();
  74.       });
  75.  
  76.       var inputform = $('#MiForm');
  77.       var serializedForm = inputform.serialize();
  78.  
  79.       pajax.url = 'mod_class_ajax.php';
  80.       pajax.data = serializedForm;
  81.       pajax.datatype = 'JSON'; // or 'HTML'
  82.       pajax.function_e = function(od){
  83.           // var od contain data in json or string
  84.           // Your acctions here.
  85.            console.log(od);
  86.       };
  87.  
  88.       majax.SendByAjax();
  89.   }
  90.