| @@ 1-138 (lines=138) @@ | ||
| 1 | $(function(){ |
|
| 2 | ||
| 3 | /** |
|
| 4 | * Submit forms with AJAX |
|
| 5 | */ |
|
| 6 | $("body").delegate("form[data-role='ajax-request']", "submit", function(event) |
|
| 7 | { |
|
| 8 | event.preventDefault(); |
|
| 9 | ||
| 10 | var formObject = $(this); |
|
| 11 | ||
| 12 | formObject.find("input").attr("readonly", "readonly"); |
|
| 13 | formObject.find("select").attr("readonly", "readonly"); |
|
| 14 | formObject.find("button[type='submit']").attr("disabled", "disabled"); |
|
| 15 | ||
| 16 | var url = $(this).attr('action'); |
|
| 17 | var type = $(this).attr('method'); |
|
| 18 | var box = $(this).attr('data-response'); |
|
| 19 | var data = $(this).attr('data-object'); |
|
| 20 | ||
| 21 | var call = eval($(this).attr('data-callback')) || {}; |
|
| 22 | ||
| 23 | call.complete = call.complete || new Function(); |
|
| 24 | call.success = call.success || new Function(); |
|
| 25 | call.before = call.before || new Function(); |
|
| 26 | call.error = call.error || new Function(); |
|
| 27 | ||
| 28 | var form_data = $(this).serializeArray(); |
|
| 29 | ||
| 30 | var parsed = eval(data); |
|
| 31 | ||
| 32 | for (var i in parsed) |
|
| 33 | { |
|
| 34 | form_data.push({ name: i, value: parsed[i] }); |
|
| 35 | } |
|
| 36 | ||
| 37 | $.ajax({ |
|
| 38 | url: url, |
|
| 39 | type: type, |
|
| 40 | data: form_data, |
|
| 41 | beforeSend: function() { |
|
| 42 | var loader = "<div class='loader-container'><div class='loader'><span></span><span></span><span></span><span></span><span></span></div></div>"; |
|
| 43 | $(box).html(loader); |
|
| 44 | call.before(); |
|
| 45 | }, |
|
| 46 | error: function(jqXHR, textStatus, errorThrown) |
|
| 47 | { |
|
| 48 | $(box).html("Error processing request!.<br />"); |
|
| 49 | ||
| 50 | var e = {}; |
|
| 51 | e.jqXHR = jqXHR; |
|
| 52 | console.info(jqXHR); |
|
| 53 | e.textStatus = textStatus; |
|
| 54 | e.errorThrown = errorThrown; |
|
| 55 | ||
| 56 | call.error(e); |
|
| 57 | ||
| 58 | $(box).append("Error <strong>" + jqXHR.status + "</strong> - " + jqXHR.statusText + "<br />"); |
|
| 59 | $(box).append("Status: " + textStatus + "<br />"); |
|
| 60 | $(box).append("readyState: " + jqXHR.readyState + "<br />"); |
|
| 61 | $(box).append(jqXHR.responseText + "<br /><br />"); |
|
| 62 | }, |
|
| 63 | success: function(data) |
|
| 64 | { |
|
| 65 | $(box).html(data); |
|
| 66 | call.success(data); |
|
| 67 | }, |
|
| 68 | complete: function(data) |
|
| 69 | { |
|
| 70 | formObject.find("input").removeAttr("readonly"); |
|
| 71 | formObject.find("select").removeAttr("readonly"); |
|
| 72 | formObject.find("button[type='submit']").removeAttr("disabled"); |
|
| 73 | call.success(data); |
|
| 74 | } |
|
| 75 | }); |
|
| 76 | }); |
|
| 77 | ||
| 78 | /** |
|
| 79 | * General AJAX request |
|
| 80 | */ |
|
| 81 | $("body").delegate(":not(form)[data-role='ajax-request']", "click", function(event) |
|
| 82 | { |
|
| 83 | var url = $(this).attr('data-url'); |
|
| 84 | var type = $(this).attr('data-type'); |
|
| 85 | var box = $(this).attr('data-response'); |
|
| 86 | var data = $(this).attr('data-object'); |
|
| 87 | var frm = $(this).attr('data-form'); |
|
| 88 | ||
| 89 | var call = eval($(this).attr('data-callback')) || {}; |
|
| 90 | ||
| 91 | call.complete = call.complete || new Function(); |
|
| 92 | call.success = call.success || new Function(); |
|
| 93 | call.before = call.before || new Function(); |
|
| 94 | call.error = call.error || new Function(); |
|
| 95 | ||
| 96 | var form_data = $(frm).serializeArray(); |
|
| 97 | ||
| 98 | var parsed = eval(data); |
|
| 99 | ||
| 100 | for (var i in parsed) |
|
| 101 | { |
|
| 102 | form_data.push({ name: i, value: parsed[i] }); |
|
| 103 | } |
|
| 104 | ||
| 105 | $.ajax({ |
|
| 106 | url: url, |
|
| 107 | type: type, |
|
| 108 | data: form_data, |
|
| 109 | beforeSend: function() { |
|
| 110 | var loader = "<div class='loader-container'><div class='loader'><span></span><span></span><span></span><span></span><span></span></div></div>"; |
|
| 111 | $(box).html(loader); |
|
| 112 | call.before(); |
|
| 113 | }, |
|
| 114 | error: function(jqXHR, textStatus, errorThrown) |
|
| 115 | { |
|
| 116 | event.preventDefault(); |
|
| 117 | ||
| 118 | $(box).html("Error processing request!. " + errorThrown); |
|
| 119 | ||
| 120 | var e = {}; |
|
| 121 | e.jqXHR = jqXHR; |
|
| 122 | e.textStatus = textStatus; |
|
| 123 | e.errorThrown = errorThrown; |
|
| 124 | ||
| 125 | call.error(e); |
|
| 126 | }, |
|
| 127 | success: function(data) |
|
| 128 | { |
|
| 129 | $(box).html(data); |
|
| 130 | call.success(data); |
|
| 131 | }, |
|
| 132 | complete: function() |
|
| 133 | { |
|
| 134 | call.complete(); |
|
| 135 | } |
|
| 136 | }); |
|
| 137 | }); |
|
| 138 | }); |
|
| @@ 1-138 (lines=138) @@ | ||
| 1 | $(function(){ |
|
| 2 | ||
| 3 | /** |
|
| 4 | * Submit forms with AJAX |
|
| 5 | */ |
|
| 6 | $("body").delegate("form[data-role='ajax-request']", "submit", function(event) |
|
| 7 | { |
|
| 8 | event.preventDefault(); |
|
| 9 | ||
| 10 | var formObject = $(this); |
|
| 11 | ||
| 12 | formObject.find("input").attr("readonly", "readonly"); |
|
| 13 | formObject.find("select").attr("readonly", "readonly"); |
|
| 14 | formObject.find("button[type='submit']").attr("disabled", "disabled"); |
|
| 15 | ||
| 16 | var url = $(this).attr('action'); |
|
| 17 | var type = $(this).attr('method'); |
|
| 18 | var box = $(this).attr('data-response'); |
|
| 19 | var data = $(this).attr('data-object'); |
|
| 20 | ||
| 21 | var call = eval($(this).attr('data-callback')) || {}; |
|
| 22 | ||
| 23 | call.complete = call.complete || new Function(); |
|
| 24 | call.success = call.success || new Function(); |
|
| 25 | call.before = call.before || new Function(); |
|
| 26 | call.error = call.error || new Function(); |
|
| 27 | ||
| 28 | var form_data = $(this).serializeArray(); |
|
| 29 | ||
| 30 | var parsed = eval(data); |
|
| 31 | ||
| 32 | for (var i in parsed) |
|
| 33 | { |
|
| 34 | form_data.push({ name: i, value: parsed[i] }); |
|
| 35 | } |
|
| 36 | ||
| 37 | $.ajax({ |
|
| 38 | url: url, |
|
| 39 | type: type, |
|
| 40 | data: form_data, |
|
| 41 | beforeSend: function() { |
|
| 42 | var loader = "<div class='loader-container'><div class='loader'><span></span><span></span><span></span><span></span><span></span></div></div>"; |
|
| 43 | $(box).html(loader); |
|
| 44 | call.before(); |
|
| 45 | }, |
|
| 46 | error: function(jqXHR, textStatus, errorThrown) |
|
| 47 | { |
|
| 48 | $(box).html("Error processing request!.<br />"); |
|
| 49 | ||
| 50 | var e = {}; |
|
| 51 | e.jqXHR = jqXHR; |
|
| 52 | console.info(jqXHR); |
|
| 53 | e.textStatus = textStatus; |
|
| 54 | e.errorThrown = errorThrown; |
|
| 55 | ||
| 56 | call.error(e); |
|
| 57 | ||
| 58 | $(box).append("Error <strong>" + jqXHR.status + "</strong> - " + jqXHR.statusText + "<br />"); |
|
| 59 | $(box).append("Status: " + textStatus + "<br />"); |
|
| 60 | $(box).append("readyState: " + jqXHR.readyState + "<br />"); |
|
| 61 | $(box).append(jqXHR.responseText + "<br /><br />"); |
|
| 62 | }, |
|
| 63 | success: function(data) |
|
| 64 | { |
|
| 65 | $(box).html(data); |
|
| 66 | call.success(data); |
|
| 67 | }, |
|
| 68 | complete: function(data) |
|
| 69 | { |
|
| 70 | formObject.find("input").removeAttr("readonly"); |
|
| 71 | formObject.find("select").removeAttr("readonly"); |
|
| 72 | formObject.find("button[type='submit']").removeAttr("disabled"); |
|
| 73 | call.success(data); |
|
| 74 | } |
|
| 75 | }); |
|
| 76 | }); |
|
| 77 | ||
| 78 | /** |
|
| 79 | * General AJAX request |
|
| 80 | */ |
|
| 81 | $("body").delegate(":not(form)[data-role='ajax-request']", "click", function(event) |
|
| 82 | { |
|
| 83 | var url = $(this).attr('data-url'); |
|
| 84 | var type = $(this).attr('data-type'); |
|
| 85 | var box = $(this).attr('data-response'); |
|
| 86 | var data = $(this).attr('data-object'); |
|
| 87 | var frm = $(this).attr('data-form'); |
|
| 88 | ||
| 89 | var call = eval($(this).attr('data-callback')) || {}; |
|
| 90 | ||
| 91 | call.complete = call.complete || new Function(); |
|
| 92 | call.success = call.success || new Function(); |
|
| 93 | call.before = call.before || new Function(); |
|
| 94 | call.error = call.error || new Function(); |
|
| 95 | ||
| 96 | var form_data = $(frm).serializeArray(); |
|
| 97 | ||
| 98 | var parsed = eval(data); |
|
| 99 | ||
| 100 | for (var i in parsed) |
|
| 101 | { |
|
| 102 | form_data.push({ name: i, value: parsed[i] }); |
|
| 103 | } |
|
| 104 | ||
| 105 | $.ajax({ |
|
| 106 | url: url, |
|
| 107 | type: type, |
|
| 108 | data: form_data, |
|
| 109 | beforeSend: function() { |
|
| 110 | var loader = "<div class='loader-container'><div class='loader'><span></span><span></span><span></span><span></span><span></span></div></div>"; |
|
| 111 | $(box).html(loader); |
|
| 112 | call.before(); |
|
| 113 | }, |
|
| 114 | error: function(jqXHR, textStatus, errorThrown) |
|
| 115 | { |
|
| 116 | event.preventDefault(); |
|
| 117 | ||
| 118 | $(box).html("Error processing request!. " + errorThrown); |
|
| 119 | ||
| 120 | var e = {}; |
|
| 121 | e.jqXHR = jqXHR; |
|
| 122 | e.textStatus = textStatus; |
|
| 123 | e.errorThrown = errorThrown; |
|
| 124 | ||
| 125 | call.error(e); |
|
| 126 | }, |
|
| 127 | success: function(data) |
|
| 128 | { |
|
| 129 | $(box).html(data); |
|
| 130 | call.success(data); |
|
| 131 | }, |
|
| 132 | complete: function() |
|
| 133 | { |
|
| 134 | call.complete(); |
|
| 135 | } |
|
| 136 | }); |
|
| 137 | }); |
|
| 138 | }); |
|