AjaxForm with attachment

fourroses666

Does anyone uses Ajax with FormLister?
It seems to work but the attachment is not added.
Need to add FormData but I have no idea how.

<div id="ajaxForm">
	{{contactFormAjax}}
</div>

My form tpl:

<input type="file" name="file" id="fileField" value="[+file.value+]" />

My script:

	$(document).on('submit','#ajaxForm form',function(ev){
		var frm = $('#ajaxForm form');
		$('#submit').prop( "disabled", true );
		$.ajax({
			type: 'post',
			url: '[(site_url)]ajaxform', 
			data: frm.serialize(),
			success: function (data) {
				$('#ajaxForm').empty();
				$('#ajaxForm').html( data ); 
			}
		});
		ev.preventDefault();
	});

https://snipp.ru/jquery/uploads-files-ajax-jquery

fourroses666

Got help from the helpful Telegram group.

```
$(document).ready(function() {
	$(document).on('submit', '#ajaxForm form', function (ev) {
		ev.preventDefault();
		var frm = $(this);
		var data = new FormData(frm[0]);
		$('#submit').prop("false", true);
		$.ajax({
			type: 'post',
			url: '[(site_url)]ajaxform',
			data: data,
			cache: false,
			processData: false,
			contentType: false,
			success: function (data) {
				//console.log(data);
				$('#ajaxForm').empty();
				$('#ajaxForm').html( data ); 
			}
		});
	});
})
```

mplavala

Graffx Design Actually using FormLister with AJAX is not properly documented in the Docs: https://docs.evo-cms.com/en/latest/04_Extras/FormLister/
Since you just used it and have it in fresh memory, could you maybe write down an example on how to use it?

fourroses666

I have done it here:
https://forum.evo.im/d/173-safe-anti-spam-ajax-contactform-with-formlister

I will add it to the Docs FormLister examples