PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Быстрый поиск на ajax php

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

kikosik666	Отправлено: 26 Марта, 2020 - 14:52:12
Новичок Покинул форум Сообщений всего: 46 Дата рег-ции: Апр. 2017 Помог: 0 раз(а)	Здравствуйте, кто поможет мне? Нужен код на ajax, которая передает значение checkbox, select, radiobutton, text на другую страницу с помощью ajax, чтобы страница не перезагружалась. Значение должно передать когда один или несколько из этих элементов(checkbox, select, radiobutton, text) будут изменены. Пример можно посмотртеть тут https://auto.am/search/passenger-cars?q={%22category%22:%221%22,%22page%22:%221%22,%22sort%22:%22latest%22,%22layout%22:%22list%22,%22user%22:{%22dealer%22:%220%22,%22id%22:%22%22},%22year%22:{%22gt%22:%221911%22,%22lt%22:%222021%22},%22usdprice%22:{%22gt%22:%220%22,%22lt%22:%22100000000%22},%22mileage%22:{%22gt%22:%2210%22,%22lt%22:%221000000%22}} Кто поможет мне с кодом, не как не могу найти такой код Спасибо Прикреплено изображение (Нажмите для увеличения)

Vladimir Kheifets	Отправлено: 29 Марта, 2020 - 16:55:16
Частый посетитель Покинул форум Сообщений всего: 879 Дата рег-ции: Март 2017 Откуда: Германия, Бавария Помог: 37 раз(а)	kikosik666 пишет: Здравствуйте, кто поможет мне? Нужен код на ajax, которая передает значение checkbox, select, radiobutton, text на другую страницу с помощью ajax, чтобы страница не перезагружалась. Значение должно передать когда один или несколько из этих элементов(checkbox, select, radiobutton, text) будут изменены. Кто поможет мне с кодом, не как не могу найти такой код Спасибо Добрый день! Вам хотелось бы обрабатывать, событие change для тэгов checkbox, select, radiobutton, text без перезагрузки страницы. Можно это сделать на чистом JS так: Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <html> <head> <title>test</title> <style> div{border:1px solid black; padding:10px;min-height:20px} </style> </head> <body> <form> a:<input name="a" type="text"><br> <br> b:<input name="b" type="text"><br> <br> c:<input name="c" type="text"><br> <br> <hr> d1:<input name="d1" type="checkbox" value="checkbox1">checkbox1<br> d2:<input name="d2" type="checkbox" value="checkbox2">checkbox2<br> d3:<input name="d3" type="checkbox" value="checkbox3">checkbox2<br> <hr> e:<input name="e" type="radio" value="radio1">radio1<br> e:<input name="e" type="radio" value="radio2">radio2<br> e:<input name="e" type="radio" value="radio3">radio3<br> <hr>  <br>selA:<select name="selA"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <br> <br>selB:<select name="selB"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </form> Здесь то, что изменили: <div id="сhanged"></div> <script> var elements = document.getElementsByTagName("input") for (i = 0;i<elements.length; i++){ elements[i].addEventListener("change", function() { ViewChange(this); }); } //----------------------------------------------------- var elements = document.getElementsByTagName("select") for (i = 0;i<elements.length; i++){ elements[i].addEventListener("change", function() { ViewChange(this); }); } //---------------------------------------------- function ViewChange(el_ch){ patt = new RegExp("checkbox\|radio"); if(patt.test(el_ch.type)) { v=el_ch.checked?el_ch.value:""; inChanged(el_ch.type, el_ch.name, v); } else { inChanged(el_ch.type, el_ch.name, el_ch.value); } } //-------------------------------------------------------------- function inChanged(t, n, v){ el=document.getElementById("сhanged"); inh=el.innerHTML; if(inh) inh+="<br>"; el.innerHTML = inh + "<b>type:</b>"+t+ " <b>name:</b>"+ n + " <b>value:</b>" + v; } </script> </body> </html> Потребуется определить один или несколько контейнеров, контент, в которых будет изменяться. Новый контент, при изменение одного из тэгов, без перезагрузки страницы, можно получить так: Спойлер (Отобразить) CODE (javascript): скопировать код в буфер обмена var xmlhttp = new XMLHttpRequest(); var url = "https://content.com?a="+a.value; xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { el=document.getElementById("сhanged"); el.innerHTML=this.responseText; } }; xmlhttp.open("GET", url, true); xmlhttp.send(); Удачи! (Отредактировано автором: 29 Марта, 2020 - 17:15:35)

esterio	Отправлено: 03 Апреля, 2020 - 02:08:03
Активный участник Покинул форум Сообщений всего: 5025 Дата рег-ции: Нояб. 2012 Откуда: Украина, Львов Помог: 127 раз(а)	В 2020 работать с чистым дом, хмлхттпреквест и вешать ивенты прям на элементы в динамически изменяемом контенте? Серйозно?

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.