MAGETWO-67727: DOM batch operation on form submit

Author: AVoskoboinikov

lib/web/mage/utils/misc.js

@@ -121,8 +121,7 @@ define([
         submit: function (options, attrs) {
             var form        = document.createElement('form'),
                 data        = this.serialize(options.data),
-                attributes  = _.extend({}, defaultAttributes, attrs || {}),
-                field;
+                attributes  = _.extend({}, defaultAttributes, attrs || {});
 
             if (!attributes.action) {
                 attributes.action = options.url;
@@ -134,17 +133,17 @@ define([
                 form.setAttribute(name, value);
             });
 
-            _.each(data, function (value, name) {
-                field = document.createElement('input');
-
-                field.setAttribute('name', name);
-                field.setAttribute('type', 'hidden');
-
-                field.value = value;
-
-                form.appendChild(field);
-            });
+            data = _.map(
+                data,
+                function (value, name) {
+                    return '<input type="hidden" ' +
+                        'name="' + _.escape(name) + '" ' +
+                        'value="' + _.escape(value) + '"' +
+                        ' />';
+                }
+            ).join('');
 
+            form.insertAdjacentHTML('afterbegin', data);
             document.body.appendChild(form);
 
             form.submit();