Added async submit function..
This commit is contained in:
parent
3ec8b3120b
commit
4f1146dc33
5
resources/assets/js/mixins/global.js
vendored
5
resources/assets/js/mixins/global.js
vendored
@ -119,6 +119,11 @@ export default {
|
|||||||
this.form.submit();
|
this.form.submit();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// Form Async Submit
|
||||||
|
async onAsyncSubmit() {
|
||||||
|
await this.form.asyncSubmit();
|
||||||
|
},
|
||||||
|
|
||||||
onHandleFileUpload(key, event) {
|
onHandleFileUpload(key, event) {
|
||||||
this.form[key] = '';
|
this.form[key] = '';
|
||||||
this.form[key] = event.target.files[0];
|
this.form[key] = event.target.files[0];
|
||||||
|
44
resources/assets/js/plugins/form.js
vendored
44
resources/assets/js/plugins/form.js
vendored
@ -409,6 +409,50 @@ export default class Form {
|
|||||||
.catch(this.onFail.bind(this));
|
.catch(this.onFail.bind(this));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
async asyncSubmit() {
|
||||||
|
FormData.prototype.appendRecursive = function(data, wrapper = null) {
|
||||||
|
for (var name in data) {
|
||||||
|
if (name == "previewElement" || name == "previewTemplate") {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (wrapper) {
|
||||||
|
if ((typeof data[name] == 'object' || Array.isArray(data[name])) && ((data[name] instanceof File != true ) && (data[name] instanceof Blob != true))) {
|
||||||
|
this.appendRecursive(data[name], wrapper + '[' + name + ']');
|
||||||
|
} else {
|
||||||
|
this.append(wrapper + '[' + name + ']', data[name]);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if ((typeof data[name] == 'object' || Array.isArray(data[name])) && ((data[name] instanceof File != true ) && (data[name] instanceof Blob != true))) {
|
||||||
|
this.appendRecursive(data[name], name);
|
||||||
|
} else {
|
||||||
|
this.append(name, data[name]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
this.loading = true;
|
||||||
|
|
||||||
|
let data = this.data();
|
||||||
|
|
||||||
|
let form_data = new FormData();
|
||||||
|
form_data.appendRecursive(data);
|
||||||
|
|
||||||
|
await window.axios({
|
||||||
|
method: this.method,
|
||||||
|
url: this.action,
|
||||||
|
data: form_data,
|
||||||
|
headers: {
|
||||||
|
'X-CSRF-TOKEN': window.Laravel.csrfToken,
|
||||||
|
'X-Requested-With': 'XMLHttpRequest',
|
||||||
|
'Content-Type': 'multipart/form-data'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.then(this.onSuccess.bind(this))
|
||||||
|
.catch(this.onFail.bind(this));
|
||||||
|
}
|
||||||
|
|
||||||
onSuccess(response) {
|
onSuccess(response) {
|
||||||
this.errors.clear();
|
this.errors.clear();
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user