Отправляет запросы якс ровно столько, какой по счету запрос

@Gerd199 · 30.11.2017, 15:11. **Показов** 845. **Ответов** 8

Студворк — интернет-сервис помощи студентам

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
    function upload(mod){ 
        $('[type=file]').click().change(function(e){
            var data = new FormData();
                data.append(0, this.files[0]);
                
            $.ajax({
                url: '/ajax/uploads.php?do='+mod,
                type: 'POST',
                data: data,
                cache: false,
                dataType: 'json',
                processData: false, 
                contentType: false, 
                success: function(respond){
                    if(typeof respond.error === 'undefined'){
                        if(respond['messeg'])
                            messeg(respond['messeg']);  
                        if(respond['do'] == 'img')
                            $("#"+respond['do']).attr("src", respond['url']);              
                    }else
                        messeg('Ошибка в работе'); 
                
                }
            });
        });
    }

Отправляю запрос на загрузку, ок. Выбираю второй файл для загрузки, отправляет прошлый запрос и новый. Причем чем больше файлов отправший, тем больше количество запросов будут отправлятся за раз... Как так получилось?

@j2FunOnly · 30.11.2017, 15:26

в ответе от сервера приходит документ со скриптом вашего обработчика, который каждый раз добавляет обработчики на клики.

@Gerd199 · 30.11.2017, 15:46 **[ТС]**

Нет, скрипт на странице, в ответ от скрипта получаю строчку, без скрипта

@j2FunOnly · 30.11.2017, 16:05

Ну я вижу что там не строчка приходит, а json,
Каким образом вызывается функция upload?

Добавлено через 13 минут
Вы "кликаете" на кнопку вызывая диалоговое окно для выбора файла, и каждый раз добавляете обработчик на событие change, который отправляет файлы вам. Сделайте так, чтобы вот этот код .change(function(e){ /* ... */ }) срабатывал только один раз

@Gerd199 · 01.12.2017, 08:43 **[ТС]**

А как это сделать?

@j2FunOnly · 01.12.2017, 11:54

Хм. Я не знаю как вы используете функцию upload(). И не вижу разметку. Можно, например, значение mod сохранять в data-... атрибутах.
input[type=file] у вас один?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$('[type=file]').on('change', function () {
  var data = new FormData(),
  $this = $(this);
 
  data.append(0, this.files[0]);
 
  $.ajax({
    url: '/ajax/uploads.php?do=' + $this.data('mod'),
    type: 'POST',
    data: data,
    cache: false,
    dataType: 'json',
    processData: false,
    contentType: false,
    success: function (respond) {
      if (typeof respond.error === 'undefined') {
        if (respond['messeg']) {
          messeg(respond['messeg']);
        }
 
        if (respond['do'] == 'img') {
          $("#" + respond['do']).attr("src", respond['url']);
        }
      } else {
        messeg('Ошибка в работе');
      }
    }
  });
});
 
function upload(mod){
  $('[type=file]').data('mod', mod).click();
}

@Gerd199 · 01.12.2017, 16:45 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
    function upload(mod){ 
        $('[type=file]').data('mod', mod).click();  
    }
    
    $('[type=file]').on('change', function () {
 
            var data = new FormData();
                data.append(0, this.files[0]);
                
            $.ajax({
                url: '/ajax/uploads.php?do='+this.data('mod'),
                type: 'POST',
                data: data,
                cache: false,
                dataType: 'json',
                processData: false, 
                contentType: false, 
                success: function(respond){
                
                    if(typeof respond.error === 'undefined'){   
                        if(respond['do'] == 'img')
                            $("#"+respond['do']).attr("src", respond['url']);   
 
                        messeg(respond['messeg']);
                    }else
                        messeg('Ошибка в работе'); 
                
                }
            });
        });

file - один на странице, блин тогда у меня совсем не хочет отправлять запрос после выбора файла...

@j2FunOnly · 01.12.2017, 16:57

Вангую что скрипт у вас стоит где-то в head, upload(mod) прописан инлайн в onclick на какой-нибудь красивой кнопке и про $(document).ready(function(){}) | $(funciton ()); вы не слыхали.

Обожаю играть в угадайку (нет)

@Gerd199 · 06.12.2017, 15:29 **[ТС]**

Решил вопрос, подскажи пожалуйста вот еще в чем.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
    function upload(mod){ 
        $('#'+mod).click().change(function(e){
            var data = new FormData(),
                progressBar = $('#progressbar');
                data.append(0, this.files[0]);
                
            $.ajax({
                url: '/ajax/uploads.php?do='+mod,
                type: 'POST',
                data: data,
                cache: false,
                dataType: 'json',
                processData: false, 
                contentType: false,
                xhr: function(){
                    var xhr = $.ajaxSettings.xhr(); // получаем объект XMLHttpRequest
                        xhr.upload.addEventListener('progress', function(evt){ // добавляем обработчик события progress (onprogress)
                            if(evt.lengthComputable) { // если известно количество байт
                                // высчитываем процент загруженного
                                var percentComplete = Math.ceil(evt.loaded / evt.total * 100);
                                // устанавливаем значение в атрибут value тега <progress>
                                // и это же значение альтернативным текстом для браузеров, не поддерживающих <progress>
                                progressBar.val(percentComplete).text('Загружено ' + percentComplete + '%');
                            }
                        }, false);
                        return xhr;
                },              
                success: function(respond){
                    if(typeof respond.error === 'undefined'){   
                        if(respond['do'] == 'img')
                            $("#i"+respond['do']).attr("src", respond['url']);  
 
                        messeg(respond['messeg']);
                    }else
                        messeg('Ошибка в работе'); 
                
                }
            });
        });
    }

Не удается настроить проресс бар, индикатор сразу же загружает нежели по факту загрузки файла

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	30.11.2017, 15:26
	в ответе от сервера приходит документ со скриптом вашего обработчика, который каждый раз добавляет обработчики на клики. 0

@Gerd199 Заблокирован
	30.11.2017, 15:46 [ТС]
	Нет, скрипт на странице, в ответ от скрипта получаю строчку, без скрипта 0

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	30.11.2017, 16:05
	Ну я вижу что там не строчка приходит, а json, Каким образом вызывается функция `upload`? Добавлено через 13 минут Вы "кликаете" на кнопку вызывая диалоговое окно для выбора файла, и каждый раз добавляете обработчик на событие `change`, который отправляет файлы вам. Сделайте так, чтобы вот этот код `.change(function(e){ /* ... */ })` срабатывал только один раз 0

@Gerd199 Заблокирован
	01.12.2017, 08:43 [ТС]
	А как это сделать? 0

@j2FunOnly the hardway first 2475 / 1847 / 910 Регистрация: 05.06.2015 Сообщений: 3,610
	01.12.2017, 16:57
	Вангую что скрипт у вас стоит где-то в head, `upload(mod)` прописан инлайн в `onclick` на какой-нибудь красивой кнопке и про `$(document).ready(function(){})` \| `$(funciton ());` вы не слыхали. Обожаю играть в угадайку (нет) 0