@pillson

Отправка ajax с разных форм с одинаковым классом jquery?

3 одинаковые формы, класс формы .form, с первой на событие click все хорошо, данных приходят на первую форму, остальные нет, знаю что нужно как то получить $this или [0] но не пойму как

var files;

$('input[type=file]').on('change', prepareUpload);

function prepareUpload(event) {
  files = event.target.files;
}

$('.btn-send').on('click', function( event ) {
    
  	event.stopPropagation();
	event.preventDefault();
  
  var formData = new FormData();
  
  formData.append('name', $('[name=name]').val());
  formData.append('phone', $('[name=phone]').val());
  formData.append('brand', $('[name=brand_watch]').val());
  formData.append('model', $('[name=model_watch]').val());
  formData.append('box', $('[name=select]').val());
  
  $.each( files, function( key, value ){
      
    formData.append( key, value );
    
  });
  
  $.ajax({
    url: '/upload.php',
    type: 'POST',
    data: formData,
    cache: false,
    dataType: 'json',
    processData: false,
    contentType: false,

    success: function(data) {
  • Вопрос задан
  • 27 просмотров
Пригласить эксперта
Ответы на вопрос 1
Snova_s_vami
@Snova_s_vami
JavaScript ES5-8, TypeScript, Angular
Добавьте ID каждой форме, обработчик отправки формы вешайте на класс, а дальше работайте с id который можно вытянуть через event.target
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы