refactor(tpl): refine deleting process

Author: marjune163

src/serverHandler/mutate.go

@@ -29,13 +29,11 @@ func (h *handler) mutate(w http.ResponseWriter, r *http.Request, data *responseD
 		header.Set("Cache-Control", "public, max-age=0")
 		w.WriteHeader(http.StatusOK)
 
-		w.Write([]byte{'{', '"', 's', 'u', 'c', 'c', 'e', 's', 's', '"', ':'})
 		if success {
-			w.Write([]byte{'t', 'r', 'u', 'e'})
+			w.Write([]byte(`{"success":true}`))
 		} else {
-			w.Write([]byte{'f', 'a', 'l', 's', 'e'})
+			w.Write([]byte(`{"success":false}`))
 		}
-		w.Write([]byte{'}'})
 	} else {
 		reqPath := r.RequestURI
 		qsIndex := strings.IndexByte(reqPath, '?')

src/tpl/asset/main.js

@@ -691,30 +691,30 @@
 				return;
 			}
 
-			var target = e.target;
+			var elLink = e.target;
+
+			function onComplete() {
+				elLink = null;
+			}
+
+			function onLoad() {
+				var elItem = elLink;
+				while (elItem && elItem.nodeName !== 'LI') {
+					elItem = elItem.parentNode;
+				}
+				if (!elItem) {
+					return;
+				}
+				var elItemParent = elItem.parentNode;
+				elItemParent && elItemParent.removeChild(elItem);
+			}
 
 			var xhr = new XMLHttpRequest();
-			xhr.open('POST', target.href);
-			xhr.onload = function () {
-				var item = target;
-				var parentNode = item.parentNode;
-				while (item.nodeName !== 'LI') {
-					if (!parentNode) {
-						break;
-					}
-					item = parentNode;
-					parentNode = item.parentNode;
-				}
-				if (parentNode) {
-					parentNode.removeChild(item);
-				}
-				item = null;
-				parentNode = null;
-				target = null;
-			};
-			xhr.onerror = xhr.onabort = function () {
-				target = null;
-			};
+			xhr.open('POST', elLink.href);	// will retrieve deleted result into bfcache
+			xhr.addEventListener('load', onLoad);
+			xhr.addEventListener('load', onComplete);
+			xhr.addEventListener('error', onComplete);
+			xhr.addEventListener('abort', onComplete);
 			xhr.send();
 			e.preventDefault();
 			return false;

src/tpl/asset/main.js.go

@@ -606,29 +606,27 @@ itemList.addEventListener('click', function (e) {
 if (e.defaultPrevented || !e.target || e.target.className.indexOf('delete') < 0) {
 return;
 }
-var target = e.target;
-var xhr = new XMLHttpRequest();
-xhr.open('POST', target.href);
-xhr.onload = function () {
-var item = target;
-var parentNode = item.parentNode;
-while (item.nodeName !== 'LI') {
-if (!parentNode) {
-break;
+var elLink = e.target;
+function onComplete() {
+elLink = null;
 }
-item = parentNode;
-parentNode = item.parentNode;
+function onLoad() {
+var elItem = elLink;
+while (elItem && elItem.nodeName !== 'LI') {
+elItem = elItem.parentNode;
 }
-if (parentNode) {
-parentNode.removeChild(item);
+if (!elItem) {
+return;
 }
-item = null;
-parentNode = null;
-target = null;
-};
-xhr.onerror = xhr.onabort = function () {
-target = null;
-};
+var elItemParent = elItem.parentNode;
+elItemParent && elItemParent.removeChild(elItem);
+}
+var xhr = new XMLHttpRequest();
+xhr.open('POST', elLink.href);	// will retrieve deleted result into bfcache
+xhr.addEventListener('load', onLoad);
+xhr.addEventListener('load', onComplete);
+xhr.addEventListener('error', onComplete);
+xhr.addEventListener('abort', onComplete);
 xhr.send();
 e.preventDefault();
 return false;