Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 12.05.2021, 11:05
Интересующийся
Отправить личное сообщение для Reken Посмотреть профиль Найти все сообщения от Reken
 
Регистрация: 05.05.2021
Сообщений: 16

Нет у меня ошибок в консоли...Наверное кусок кода, который я добавил выше вашего примера, что то сломал...
$(document).ready(function(){  

      function fetch_data()  
      {  
           $.ajax({  
                url:"select.php",  
                method:"POST",  
                success:function(data){  
                     $('#live_data').html(data);  

                }   

           });  

      } 


    fetch_data();
Изображения:
Тип файла: jpg Безымянный.jpg (13.7 Кб, 2 просмотров)
Ответить с цитированием
  #12 (permalink)  
Старый 13.05.2021, 08:39
Интересующийся
Отправить личное сообщение для Reken Посмотреть профиль Найти все сообщения от Reken
 
Регистрация: 05.05.2021
Сообщений: 16

Можете пожалуйста подсказать, как правильно через firefox посмотреть ошибки в коде? Понимаю что через F12, а дальше как правильней? Точки останова? или как?
Ответить с цитированием
  #13 (permalink)  
Старый 13.05.2021, 10:24
Интересующийся
Отправить личное сообщение для Reken Посмотреть профиль Найти все сообщения от Reken
 
Регистрация: 05.05.2021
Сообщений: 16

Я кажется понял причину...Я в коде заменил
$('input').keydown(function(e) {

на
$('#search_form').keydown(function(e) {

search_form это id формы, которая используется в цикле составления таблицы...Файл select.php, у меня из него через ajax таблица отображается в index.php
Но как будто бы скрипт не видит форму search_form... Если я напрямую в файле index.php создам какую нибудь форму, и укажу её в скрипте вместо search_form то всё работает...А вот как заставить скрипт увидеть форму с подгружаемого файла, пока что непонятно.
Ответить с цитированием
  #14 (permalink)  
Старый 13.05.2021, 10:31
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,692

Сообщение от Reken
А вот как заставить скрипт увидеть форму с подгружаемого файла
Надо делать
$('#search_form').keydown(function(e) ...
после подгрузки файла. До того, как файл подгрузился и форма создалась нельзя к ней обращаться.
При создании формы все элементы создаются заново. И старые ссылки на них, даже если они брались по такому же id уже не действительны.
Ответить с цитированием
  #15 (permalink)  
Старый 13.05.2021, 11:00
Интересующийся
Отправить личное сообщение для Reken Посмотреть профиль Найти все сообщения от Reken
 
Регистрация: 05.05.2021
Сообщений: 16

Так я же вроде бы так и делаю?
Начало моего js кода, тут я подгружаю форму
$(document).ready(function(){ 
	      function fetch_data() 
	      { 
	           $.ajax({ 
	                url:"select.php", 
	                method:"POST", 
	                success:function(data){ 
	                     $('#live_data').html(data); 
	                } 
	           }); 
	      }
	      fetch_data();

Дальше в коде я пытаюсь отловить нажатие клавиши enter в форме:
$('#myForm').keydown(function(e) {
	        if (e.keyCode === 13) {

          var tr = this.closest('tr');
           var ZN1 = $('.ZN1', tr).val();

           var tr = this.closest('tr');
           var ZN2 = $('.ZN2', tr).val();

	            $.ajax({
	                url: "script.php",
	                method: "POST",
	                data: { ZN1:ZN1, ZN2:ZN2 },
	                dataType: "text",
	                success: function(data) {
	                    alert(data);
	                    fetch_data();
	                }
	            })
	        } 
	    })
	});
</script>
Ответить с цитированием
  #16 (permalink)  
Старый 13.05.2021, 11:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Reken,
условно, примерно так ...
$(document).ready(function() {
        function setKeydownmyForm() {
            $('#myForm').keydown(function(e) {
                if (e.keyCode === 13) {
                    var tr = this.closest('tr');
                    var ZN1 = $('.ZN1', tr).val();
                    var tr = this.closest('tr');
                    var ZN2 = $('.ZN2', tr).val();
                    $.ajax({
                        url: "script.php",
                        method: "POST",
                        data: {
                            ZN1: ZN1,
                            ZN2: ZN2
                        },
                        dataType: "text",
                        success: function(data) {
                            alert(data);
                            fetch_data();
                        }
                    })
                }
            })
        }

        function fetch_data() {
            $.ajax({
                    url: "select.php",
                    method: "POST",
                    success: function(data) {
                        $('#live_data').html(data);
                        setKeydownmyForm()
                    });
            }
        });
}
setKeydownmyForm()
fetch_data();
Ответить с цитированием
  #17 (permalink)  
Старый 13.05.2021, 12:07
Интересующийся
Отправить личное сообщение для Reken Посмотреть профиль Найти все сообщения от Reken
 
Регистрация: 05.05.2021
Сообщений: 16

В примере где Вы подредактировали мой код, получается что вначале мы отправляем данные в обработчик script.php, а уже после подключаем таблицу из файла select.php ? Я правильно понял? Не могу пока что разобраться, почему в <div id="live_data"></div> перестала подгружаться таблица из файла select.php...
Ответить с цитированием
  #18 (permalink)  
Старый 13.05.2021, 13:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Reken,
возможно строка 37 лишняя. #16
и все скобки на парность проверьте
Ответить с цитированием
  #19 (permalink)  
Старый 13.05.2021, 14:49
Интересующийся
Отправить личное сообщение для Reken Посмотреть профиль Найти все сообщения от Reken
 
Регистрация: 05.05.2021
Сообщений: 16

Спасибо за помощь, и подсказки. У меня всё получилось сделать...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Передача файла через Drop and Drag по ajax finlolo AJAX и COMET 1 20.02.2019 21:47
передача значений из php цикла в ajax обрабочик scheford AJAX и COMET 0 08.02.2016 19:21
Передача через AJAX большого объема данных yambbkru AJAX и COMET 3 20.06.2015 15:18
AJAX, Только передача данных. NewJSUser AJAX и COMET 14 12.01.2015 17:38
Как в обработчик php через Ajax передать несколько значений? Urukhay Общие вопросы Javascript 2 30.08.2014 16:19