Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Java EE (J2EE) и Spring > AJAX и Java

Автор: Samotnik 24.1.2008, 18:51

САБЖ! Нужна документация, по Ajax   что нибудь из раздела "Ajax для начинающих"  либо  "Ajax  для чайников"   Ибо  в нем я вообще нифига не смыслю!  А задание делать нужно!   Поиск в  google   нужных результатов не дал.    Поэтому спрашиваю  тут    Почему тему создал в  J2EE  потому что  задание нужно выполнить  на Java + AJAX  с  .jspx   страницами  и  сервлетом !!

Автор: Kangaroo 24.1.2008, 18:57

Вот гугл http://www.google.com.ua/search?hl=en&q=java+Ajax+servlet+article&btnG=Search&meta=. Первые две ссылки интересные, остальные не смотрел.

Автор: Samotnik 24.1.2008, 19:15

Kangaroo,  ок пасибо, посмотрю Может у кого книги есть на рапиде ?

Автор: v2v 24.1.2008, 19:22

http://www.google.com.ua/search?hl=ru&q=java+ajax+ebook+filetype%3Apdf&btnG=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA&meta= может найдёшь что нибуть интересующее.

Автор: Samotnik 24.1.2008, 19:32

v2v, ок, пасибо

Автор: v2v 24.1.2008, 19:59

на той ссылке что я давал , справа реклама от гугла и там ссылка: http://www.telerik.com/community/ajax-learning-resources.aspx?gclid=CMKC3s-qj5ECFQ5OQgodQTWUHA зайди и скачай отсюда книгу из 3х частей по ajax :  там всё очень доступно и красиво объясняют.

Автор: Stampede 24.1.2008, 20:44

Samotnik, на, лови: http://bfigeiro.googlepages.com/ajax-on-java.pdf. Как будто специально для тебя написали

Автор: Kangaroo 24.1.2008, 20:52

Цитата(Stampede @  24.1.2008,  19:44 ) Samotnik, на, лови: Ajax on Java (PDF, 2.4 MB).  Я словил, спасибо

Автор: ratzko 24.1.2008, 22:07

Цитата Samotnik, на, лови: Ajax on Java (PDF, 2.4 MB). Ja toze slovil. Spasibo

Автор: Zamuta 24.1.2008, 22:55

Samotnik,  Цитата(Samotnik @  24.1.2008,  21:15 ) Может у кого книги есть на рапиде ?  Пжлста. http://rapidshare.com/files/86314687/Ajax___1074____1076___1077___1081___1089___1090___1074___1080___1080_.rar

Автор: Ulysses4j 25.1.2008, 00:02

Раз пошла такая пьянка: http://sun.mmcs.rsu.ru/~ulysses/IT/Java/Schutta,%20Asleson.%20Pro%20Ajax%20and%20Java%202006.pdf (11 МБ) http://sun.mmcs.rsu.ru/~ulysses/IT/Java/Zammetti.%20Practical%20Ajax%20Projects%20with%20Java%20Technology,%202006.pdf (14 МБ)

Автор: Samotnik 25.1.2008, 13:08

2 all          Всем большое ПАСИБО   Не ожидал, что столько людей откликнется !!!    Очень приятно удивило!!     Цитата(Kangaroo @  24.1.2008,  20:52 ) Я словил, спасибо Буду и я  ловить, а то так и очередь может не дойти!!! Пэ.Эс. Думаю, вопрос  исчерпан !!!

Автор: Samotnik 29.1.2008, 20:22

Фуффф...     пролистал все ссылки, что  дали,  получил   представление  об  Ajax        Только как  связать его с  сервлетом  написанным  на  Java  понятия  не имею,  в  книге что дал  Stampede,  "простой"  пример занимает 6  страниц  и ниче  там  не понятно  (( Может у кого - нить  есть, самый простенький  пример  работы  Ajax  с  Java ??   Что бы  минимально пользователь что-то ввел,  засабмитил,  это передалось  на сервлет  *.java   там  тупо принять  и  этоже слово отправить обратно  на  *.jsp  страницу  и  она  это  отобразила!       Мне просто понять  суть передачи и обработки в  Ajax, а остальное  я  сам  пойму!!

Автор: v2v 29.1.2008, 20:46

index.jsp Код <script  language="JavaScript" type="text/javascript"> var request; function loadData() { if (request.readyState == 4) {     document.getElementById("txt1").value=request.responseText;         } } function ajaxGo(){ var url = "test.jsp"; if (window.XMLHttpRequest) {     request=new XMLHttpRequest(); } else if(window.ActiveXObject) {     request=new ActiveXObject("Microsoft.XMLHTTP"); } request.open("GET", url, true); request.onreadystatechange = loadData; request.send(null); } </script> <button onClick="ajaxGo()">Ajax Go!</button> <input type=text value="ajax will write here" size="100" id=txt1 /> test.jsp Код DATA THAT i GET USING AJAX. THAT'S COOL.

Автор: Samotnik 29.1.2008, 20:49

v2v, пасибо  большое,  но я не понимаю, где тут  передача  введеного  слова  на сервлет!  мне именно  это нужно!

Автор: v2v 29.1.2008, 20:56

просмотри ещё раз книги что тебе дали ;)

Автор: Samotnik 29.1.2008, 21:03

Цитата(v2v @  29.1.2008,  20:56 ) просмотри ещё раз книги что тебе дали ;)      а какие именно,  и в каком  направлении смотреть?? Суть: Пользователь вводит  слово  "Вася" сабмити его,  оно  летит на  сервлет (Это обязательно, на сервлете я его   должен  считать,  это  и есть  суть  моего задания)  и это же  слово "Вася"  с сервлета передать на  *.jsp    И все это нужно  выполнить на  Ajax   Пэ.Эс.  это конечно же  не  задание, но если я смогу  понять  как это сделать, то я смогу выполнить то задание, что мне дали!!

Автор: v2v 29.1.2008, 21:13

Вот немного изменённый пример с отправкой данных на сервер. Я так понимаю ты не шаришь яваскрипт  index.jsp Код <%--  redirect to front controller  <% response.sendRedirect("main/"); %> --%> <script  language="JavaScript" type="text/javascript"> var request; function loadData() { if (request.readyState == 4) {     document.getElementById("txt1").value=request.responseText;         } } function ajaxGo(){ var url = "test.jsp?d1="+document.getElementById("txt1").value; if (window.XMLHttpRequest) {     request=new XMLHttpRequest(); } else if(window.ActiveXObject) {     request=new ActiveXObject("Microsoft.XMLHTTP"); } request.open("GET", url, true); request.onreadystatechange = loadData; request.send(null); } </script> <button onClick="ajaxGo()">Ajax Go!</button> <input type=text value="ajax will write here" size="100" id=txt1 /> test.jsp Код YOU SEND STRING With LENGTH : <%=request.getParameter("d1").length() %>

Автор: Samotnik 29.1.2008, 21:23

Цитата(v2v @  29.1.2008,  21:13 ) Я так понимаю ты не шаришь яваскрипт        ну...   основу  знаю    На счет примера,  чет он у меня  не совсем корректно работает (((  В строке вместо  нужного  выводится  Цитата YOU SEND STRING With LENGTH : <%=request.getParameter("d1").length() %>

Автор: Stampede 29.1.2008, 21:29

Знаешь, Samotnik, у тебя, похоже, сильная путаница в голове. Наверное тебе будет проще выполнить это задание по шагам. То есть если кто-то проведет тебя шаг за шагом. Если хочешь, я могу это сделать. Вот тебе первое задание: 1. Сформировать болванку веб-приложения стандартной конфигурации. Добиться, чтобы в браузере отображалась страница приветствия. Покзать получившуюся структуру директории и содержимое значимых файлов.

Автор: v2v 29.1.2008, 22:18

Цитата(Stampede @  29.1.2008,  21:29 ) 1. Сформировать болванку веб-приложения стандартной конфигурации. Добиться, чтобы в браузере отображалась страница приветствия. Покзать получившуюся структуру директории и содержимое значимых файлов. а также раскажи как ты собираешь проект? используешь ли какие то IDE ? Добавлено через 21 секунду и какой у тебя web контейнер?

Автор: Samotnik 30.1.2008, 00:29

Цитата(Stampede @  29.1.2008,  21:29 ) То есть если кто-то проведет тебя шаг за шагом. Если хочешь, я могу это сделать буду признателен    Цитата(Stampede @  29.1.2008,  21:29 ) 1. Сформировать болванку веб-приложения стандартной конфигурации. Добиться, чтобы в браузере отображалась страница приветствия. Покзать получившуюся структуру директории и содержимое значимых файлов. Я не чайник в WEB Java    это 3 минуты работы, через  setattribute  и  getparametr!  И структура как положенно выглядит, я на много серьезнее вещи  делал!  ОК, завтра быстро сделаю, что дальше    ????    Цитата(v2v @  29.1.2008,  22:18 ) а также раскажи как ты собираешь проект?  первый  мавен Цитата(v2v @  29.1.2008,  22:18 )  используешь ли какие то IDE ? конечно    IDEA 7.0.1 Цитата(v2v @  29.1.2008,  22:18 ) и какой у тебя web контейнер? не знаю.....  а  что  это ??

Автор: Stampede 30.1.2008, 00:42

Samotnik, я неспроста высказал предположение о каше в голове: слишком много логических нестыковок в твоих постах. Вот и тут не обошлось: Цитата(Samotnik @  29.1.2008,  14:29 ) Я не чайник в WEB Java и  Цитата(Samotnik @  29.1.2008,  14:29 ) и какой у тебя web контейнер? не знаю.....  а  что  это ?? как-то не вяжутся друго с другом  Поэтому давай все-таки попробуем без самодеятельности, чтобы свести к минимуму эффекты, связанные с отражением действительности в твоей голове. Чур, без обид

Автор: Samotnik 30.1.2008, 00:51

Цитата(Stampede @  30.1.2008,  00:42 ) Поэтому давай все-таки попробуем без самодеятельности, чтобы свести к минимуму эффекты, связанные с отражением действительности в твоей голове. Чур, без обид Да не все в порядке     Какие обиды...  все ОК Завтра по-быстрому  сделаю    А  на самом  деле,  WEB  контейнер это что?   Может я его и использовал, но не знал об этом!   Если вы имеете ввиду  WEB сервер,  типа  AXIS ,   то я  знаю что это,  но не использую сейчас (оно и не нужно)

Автор: tux 30.1.2008, 06:56

Цитата(Samotnik @  30.1.2008,  00:51 ) WEB сервер,  типа  AXIS Путаница просто безумная. Цитата(Samotnik @  30.1.2008,  00:51 ) А  на самом  деле,  WEB  контейнер это что?   Может я его и использовал, но не знал об этом! Похоже у тебя веб-приложения, в которых ты не чайник, работают сами по себе. Веб-контейнер - это такой софт, который организует жизненный цикл веб-приложения, то есть его развертывание, настройку, запуск и т.п. Tomcat, Jetty, Weblogic и др. - примеры такого софта. Хотя бы Tomcat о чем-то говорит? Ты как раньше свои разработанные приложения разворачивал? Или это было на PHP?

Автор: Samotnik 30.1.2008, 12:23

Цитата(tux @  30.1.2008,  06:56 ) Похоже у тебя веб-приложения, в которых ты не чайник, работают сами по себе. Веб-контейнер - это такой софт, который организует жизненный цикл веб-приложения, то есть его развертывание, настройку, запуск и т.п. Tomcat, Jetty, Weblogic и др. - примеры такого софта. Хотя бы Tomcat о чем-то говорит? Ты как раньше свои разработанные приложения разворачивал? Или это было на PHP? Вот так бы сразу и сказали,  чессное слово, не знал, что  tomcat   это  web - контейнер    Конечно же  я использую  tomcat Цитата(tux @  30.1.2008,  06:56 ) WEB сервер,  типа  AXISПутаница просто безумная. А тут что не так??       Axis 100% применяют  как  web сервис !!!

Автор: tux 30.1.2008, 13:23

Цитата(Samotnik @  30.1.2008,  12:23 ) Axis 100% применяют  как  web сервис !!! Тогда покажи WSDL контракта, который предоставляет Axis.  Видимо все-таки на 99%. Axis - движок для разработки веб-сервисов, ни в коем случае его как веб-сервис не применяют. Веб-сервер.. Ну, для тебя это Tomcat.  Разница между библиотекой, с помощью которой разрабатывают веб-сервисы, и софтом, который обрабатывает HTTP-запросы пользователя понятна?

Автор: Samotnik 30.1.2008, 14:10

Цитата(tux @  30.1.2008,  13:23 ) Axis - движок для разработки веб-сервисов, согласен,  так  грамотнее  сказать    Цитата(tux @  30.1.2008,  13:23 ) Разница между библиотекой, с помощью которой разрабатывают веб-сервисы, и софтом, который обрабатывает HTTP-запросы пользователя понятна?  да

Автор: Samotnik 30.1.2008, 21:03

Stampede,  СДЕЛАЛ!! 1.jsp Код <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head><title>Simple jsp page</title></head> <body> <FORM ACTION="HelloWorldServlet" METHOD="post">   <INPUT TYPE="text" SIZE="20" NAME="path"><br>   <INPUT TYPE="submit" VALUE="Send path"> <br> </FORM> </body> </html> сервлет Код  public void service(HttpServletRequest request, HttpServletResponse response)             throws ServletException, IOException {         int i;         String message = request.getParameter("path");         log.info("message = " + message);         File f1 = new File(message);         String s[] = f1.list();         for (i=0; i < s.length; i++)             log.info("soderjimoe = " + s[i]);         ArrayList<String> ar = new ArrayList<String>();         for(int j=0; j<s.length;j++)         ar.add(s[j]);         log.info("============" + ar);         request.getSession().setAttribute("ContentArray", ar);         request.getRequestDispatcher("/index.jspx").forward(request, response);     } и отображающая  страничка   index.jspx Код  <html>     <head><title>Books List</title></head>     <body bgcolor="pink">     <select>         <c:forEach var="u" items="${ContentArray}">             <option selected="true">                 <c:out value="${u}"/>             </option>         </c:forEach>     </select>     </body>     </html> Что дальше ?????  Мне все тоже самое нужно сделать, только на  AJAX

Автор: v2v 30.1.2008, 23:19

Samotnik, а ты прочитал задание ?;)

Автор: Samotnik 30.1.2008, 23:47

Цитата(v2v @  30.1.2008,  23:19 ) а ты прочитал задание ?;)      какое задание ??....

Автор: Stampede 31.1.2008, 00:31

Цитата(Samotnik @  30.1.2008,  11:03 ) Stampede,  СДЕЛАЛ!! Хорошо, пойдет. Только v2v правильно говорит, в задании было еще привести структуру директории, а среди значимых файлов должен быть еще web.xml. Но в принципе и так прмерно все понятно. Знач что предлагаю сделать первым делом: вывести за скобки страницу index.jsp. Если ты собираешься перевести это дело на Аякс, то прямо из сервлета и выдавай все что нужно. Кроме того, у тебя, по-видимому, куски кода надерганы из разных источников, в результате получается, что ты шлешь форму на HellowWorldServlet, c него форвардишь на домашнюю страницу (index.jsp), а в ней под названием "Books List" выводишь содержимое директории. Ты хотел сервис эха - вот и давай делать сервис эха. По порядку: 1. Переименуй сервлет в EchoServlet. 2. Помести его в какой-нибудь пакет - например, by.samothik. 3. Пропиши для него маппинг в web.xml - например, echo.do 4. Соответственно измени значение атрибута "action" в форме на "/echo.do". Не забудь ведущий слэш - таким образом ты задаешь урл относительно корня приложения. Это полезная привычка, которая обезопасит тебя от многих сюрпризов на последующих этапах разработки. 5. В сервлете извлекай значение параметра path и выдавай его в выходной поток. 6. В сервлете, еще до начала вывода, выставь заголовки ответа: Код response.setHeader("Cache-Control","private, no-cache, no-store, must-revalidate"); //HTTP 1.1 response.setHeader("Pragma","no-cache"); //HTTP 1.0 response.setDateHeader ("Expires", 0); //prevent caching on proxies Как добъешься, чтобы все работало, пойдем дальше. ЗЫ. Если кому-то кажется, что все эти переименования суть мышиная возня, то он здорово заблуждается. В вебе очень важно четко представлять, что как называется, где оно находится, и как к нему обратиться. Обратите внимание: все три вещи, которые я щас перечислил - вещи разные и не всегда совпадающие. До сих пор в схеме Samotnik'a в этом плане был полный бардак.

Автор: Samotnik 31.1.2008, 00:39

Цитата(Stampede @  31.1.2008,  00:31 )  Кроме того, у тебя, по-видимому, куски кода надерганы из разных источников не..  все сам писал, это из старого проекта  копи,  пасте  было !  Пасибо большое, завтра обязательно опробую!

Автор: Samotnik 31.1.2008, 11:27

Stampede,  а вот эти   .do    и  action    это  же  struts !   Предлагаете  с помощью него делать ??

Автор: Kangaroo 31.1.2008, 11:30

Цитата(Samotnik @  31.1.2008,  10:27 ) Stampede,  а вот эти   .do    и  action    это  же  struts !   Предлагаете  с помощью него делать ?? Это не обязательно Struts.  .do - Просто так маппинг будет нагляднее, сразу видно, что это сервлет action - это же стандартный аттрибут html form'ы, Стратс тут не причем.

Автор: Samotnik 31.1.2008, 11:34

Цитата(Stampede @  31.1.2008,  00:31 ) 5. В сервлете извлекай значение параметра path и выдавай его в выходной поток. Вот это не понял

Автор: Kangaroo 31.1.2008, 11:46

Цитата(Samotnik @  31.1.2008,  10:34 ) Вот это не понял Код PrintWriter out = response.getWriter(); out.println("<html>"); out.println("<body>"); //.......

Автор: Stampede 31.1.2008, 19:50

Цитата(Samotnik @  31.1.2008,  01:27 ) Stampede,  а вот эти   .do    и  action    это  же  struts !   Предлагаете  с помощью него делать ?? Чур, чур тебя!  Struts нам здесь абсолютно без надобности. Да и не только здесь. А по существу вопроса  Kangaroo тебе все правильно сказал. Не нравится .do - хорошо, выбери любое другое. Только посоветуйся сначала, а то еще выберешь .exe  Цитата(Samotnik @  31.1.2008,  01:34 ) 5. В сервлете извлекай значение параметра path и выдавай его в выходной поток. Вот это не понял Что тут может быть непонятного для "не чайника в WEB Java" ©  Samotnik? Я могу покзать, как это делается, но после этого окажется, что весь код сервлета я, собственно, тебе уже изложил. Впрочем, на, а то, боюсь, сам не справишься. Код String path = request.getParameter("path"); response.getWriter.println(path); Вот это вот плюс заголовки ответа из моего предыдущего поста - это практически все, что нужно в сервлете. Чтобы хоть как-то загрузить тебя мыслительной деятельностью, предлагаю сделать две вещи: 1.а Изменить имя параметра path на более подходящее - например, msg. 1.б Выставить кодировку ответа, например, UTF-8. Добиться, чтобы сообщения, введенные (бело)русскими буквами, отображались корректно.

Автор: Samotnik 4.2.2008, 16:31

Stampede,   Цитата(Stampede @  31.1.2008,  19:50 ) от это вот плюс заголовки ответа из моего предыдущего поста - это практически все, что нужно в сервлете.  т.е. получается, что с сервлета нужно передавать  на  отображение уже готовые куски  .html  кода??   Ок,  сделал!  И как эту крастоу  принять на  .html     странице  ??? .. ... .   и распечатать ?...

Автор: v2v 4.2.2008, 16:40

Цитата(Samotnik @  4.2.2008,  16:31 ) т.е. получается, что с сервлета нужно передавать  на  отображение уже готовые куски  .html  кода??   Ок,  сделал!  И как эту крастоу  принять на  .html     странице  ??? .. ... .   и распечатать ?...   любой пример сервлета "Hello world" учит как это делать  посмотри в сторону метода getWriter() класса HttpServletResponse)

Автор: Samotnik 4.2.2008, 16:55

Цитата(v2v @  4.2.2008,  16:40 ) любой пример сервлета "Hello world" учит как это делать  посмотри в сторону метода getWriter() класса HttpServletResponse)  хорошо,...     а если мне не строчку  нужно передать  на страничку, а коллекцию,  то как ее распечатать с помощью аякса ??    без аякса это делается  с помощью   <for each ..  >

Автор: v2v 4.2.2008, 16:59

сделай как тебе говорят , выложи результат,  а потом перейдёшь к аяксу

Автор: Samotnik 4.2.2008, 17:06

Цитата(v2v @  4.2.2008,  16:59 ) сделай как тебе говорят , выложи результат,  а потом перейдёшь к аяксу все сделал,  все работает,   изучаю аякс,   проблема в том, что немогу  найти не одного хорошого примера (я его вообще не нашел)  где, на  элементарном примере показана работа  аякса с  Java ,..  а читать книгу  на  600  страниц  времени  нифига нету, как будет обязательно начну ее изучать !

Автор: v2v 4.2.2008, 18:32

ладно так уж и быть, давай по буквам. есть у тебя jsp страничка называется index.jsp вот её код: Код <!-- идёт кусочек ява скрипта , который и выполняет вызов аякса --> <script  language="JavaScript" type="text/javascript"> <!--вот какая то переменная request, которую мы будем использовать в этом скрипте --> var request; <!-- Очень важная для нас функция ajaxGo. При её вызове выполняется обращение к SERVLET1 : обрашение будет вроде http://localhost:8080/SERVLET1?d1=Text1 Как я уже сказал обращение идёт к SERVLET1, и туда передается параметр d1, например со значением Text1. дальше выполняется создание объекта XMLHttpRequest() или ActiveXObject("Microsoft.XMLHTTP") в зависимости от вида броузера Этот объект и будет где то внутри себя выполнять запрос и получать ответ. Ссылку на созданный объект мы сохранили в переменное request. Едем дальше --> function ajaxGo(){ var url = "SERVLET1?d1="+document.getElementById("txt1").value; if (window.XMLHttpRequest) {     request=new XMLHttpRequest(); } else if(window.ActiveXObject) {     request=new ActiveXObject("Microsoft.XMLHTTP"); } <!-- вот тут мы говорим, к какому урлу пойдёт запрос--> request.open("GET", url, true); <!-- а вот ещё один важный момент: указываем какую функцию запустить, когда наконец то приедет ответ--> request.onreadystatechange = loadData; request.send(null); } <!-- Функция loadData. Что же она делает: а она у нас  ждёт когда же наконец выполнится тот запрос и приедет ответ, тоесть состояние запроса = 4!! если наконец то стало состояние 4, значит пришёл ответ - и находится он будет в request.responseText(), а  мы его запишем в текст боксик с именем: txt1  --> function loadData() { if (request.readyState == 4) {     document.getElementById("txt1").value=request.responseText;         } } </script> <!-- всё, с ява скриптом покончили, теперь переходим к кнопке, при нажатии на которую и вызываем нашу  самую козырную функцию ajaxGo.--> <button onClick="ajaxGo()">Ajax Go!</button> <input type=text value="ajax will write here" size="100" id=txt1 /> вот и всё. теперь сам пиши сервлет SERLVET1 и выдавай из него нужный ответ , на нажатие кнопки. Добавлено через 1 минуту и 19 секунд поубиваешь коментарии.. а то будет не правильно работать..

Автор: Samotnik 4.2.2008, 18:41

v2v,  пасибо большое, за обьяснение,  дело в  том, что я  за это время немного разобрался в аяксе, и то что вы щас написали, я уже сам написал (по материалам с сайта  ibm  название статьи "Выполнение асинхронных запросов с JavaScript и Ajax)"     Проблема стала вот в чем,  у меня на сервлете есть коллекция  которая передается через  setAttribute() на  страничку  ..   Так вот интересует вопрос, что  с ней делать ???    как эту коллекция передать на  .html  страничку ??  с помощью ajax (естественно)  и самое  главное, как эту  коллекцию  засунуть в  выпадающий список на этой странице ??        Пэ.Эс. И вообще,  нужен ли  метод  setAttribute()    при работе  с аяксом ?? Я ведь говорю, что проблема вся  именно  в передаче с сервлета на   .html  т.к.   примеров  в  нете  по этому нигде не нашел,  восновном примеры  с  php - ajax      а вот   java - ajax    нету  (((

Автор: v2v 4.2.2008, 18:47

[] Добавлено через 2 минуты и 54 секунды http://www.tigir.com/javascript_select.htm

Автор: Samotnik 4.2.2008, 18:52

v2v,       это я   тоже  читал,  кстати  щас  эта  ссылка и открыта

Автор: v2v 4.2.2008, 18:55

прочитай ещё раз 5ть, это как раз то что тебе надо  Добавлено ну у тебя получилось?  или надо пошагам попробовать? или надо за тебя сделать?;)

Автор: Samotnik 4.2.2008, 23:28

Цитата(v2v @  4.2.2008,  18:55 ) ну у тебя получилось? или надо пошагам попробовать?или надо за тебя сделать?;)    я еще не пробывал !! я на пары ходил !!        завтра отпишусь   Добавлено через 22 секунды Цитата(v2v @  4.2.2008,  18:55 ) или надо за тебя сделать?;) не ненадо !!!       хочу  сам

Автор: IDVsbruck 5.2.2008, 03:21

Спасибо, немного посмеялся ... Надо ж сразу предепредить человека, что с помощью ajax'а можно фактически отправить и получить только текстовую информацию (или любую другую струтуру, представленную в текстовом виде), поэтому даже коллекцию сначала надо запаковать (xml, json или стринги с разделителями), а при получении дешифровать. А структура ${variable} является предикатом для компилятора, который из .jsp делает .class, который результатом своей деятельности выдает фактически страничку, поэтому в процессе выполнения эту структуру использовать уже нельзя. Хотя, каюсь, когда первый раз реализовал получение данных посредством асинхронной передачи данных, упал на попу, так понравилось. Ощущение слабопередаваемое (хотя у кого есть любимые женщины, меня поймут   ).

Автор: Samotnik 5.2.2008, 11:44

Цитата(IDVsbruck @  5.2.2008,  03:21 )  поэтому даже коллекцию сначала надо запаковать и как ее можно запоковать в  xml    Пс.Эс. Еще слышал, что можно  куски html кода присылать с сервлета на  html страницу, в моем случае так не пойдет ??

Автор: v2v 5.2.2008, 12:12

Цитата(IDVsbruck @  5.2.2008,  03:21 ) Надо ж сразу предепредить человека, что с помощью ajax'а можно фактически отправить и получить только текстовую информацию (или любую другую струтуру, представленную в текстовом виде), поэтому даже коллекцию сначала надо запаковать (xml, json или стринги с разделителями), а при получении дешифровать. java script , получатель списка: Код var t = request.responseText; document.getElementById("selectListId").innerHTML = t; сервлет отправитель списка: Код List l=getListOfElementsThatWillBeSendUsingAjax("par1"); pr.print("<select id='selectListId' >"); for  (int i=0; i<l.size(); i++)     pr.print("<option value="+(String)l.get(i)+">"+(String)l.get(i)+"</option>"); pr.print("</select>"); где тут Json, XML или список через запятую?

Автор: Kangaroo 5.2.2008, 12:16

Цитата(v2v @  5.2.2008,  11:12 ) где тут Json, XML или список через запятую?  да, я тоже так делал, только на сервере с помощью Велосити генерил html

Автор: Samotnik 5.2.2008, 17:26

v2v,  ок, спс,  хотелось бы еще  уточнить.. Я читал, что есть только 3 способа  отправки данных,  это либо  куски   html  кода,   либо  через  xml   либо  череез  json А вы какой из этих 3 способов привели ??  тут ?

Автор: Kangaroo 5.2.2008, 17:28

Цитата(Samotnik @  5.2.2008,  16:26 ) А вы какой из этих 3 способов привели ??  тут ? Этот: Цитата(Samotnik @  5.2.2008,  16:26 ) это либо  куски   html  кода

Автор: Samotnik 5.2.2008, 18:59

Фуффф...    чет пока  туговато   :'((( Начит,  у меня есть   устанока метода обратного вызова (т.е.  функция которая вызовется при приходе ответа с сервлета,  это    updatePage) request.onreadystatechange = updatePage;    ок!   тут  все просто я  описываю эту функцию Код function updatePage() {         if (request.readyState == 4) {             if (request.status == 200) {                 var t = request.responseText;                 document.getElementById("selectListId").innerHTML = t;             } else                 alert("status is " + request.status);         }     } проблема, в следующем, как мне эту  красоту  прикрепить к форме ??   она у меня была такой Код <form name="form_name" action="ConsoleService" method="GET">         <div id="selectFile">             <select name="path2" onChange="change()">                 <c:forEach var="u" items="${ContentArray}">                     <option selected="true"/>                     <option>                         <c:out value="${u}"/>                     </option>                 </c:forEach>             </select>         </div>     </form> где  change  Код function change() {         document.form_name.submit();     } т.е.    вроде как передовать принимать  разобрался,...   теперь интересует  как к форме это все прилепить ??  и нужно ли это  вообще ? Добавлено через 4 минуты и 20 секунд Блин, я конкретно туплю, мне аж стыдно уже    Чувствую, что тут просто все,.. но не хватает  чуток   допонимать,  чтоб доделать

Автор: v2v 5.2.2008, 19:29

тьфу ты блин, я же написал! в сервлете выполняется замена твоего <select id ='selectListId' >

Автор: Samotnik 5.2.2008, 19:34

Цитата(v2v @  5.2.2008,  19:29 ) тьфу ты блин, я же написал! в сервлете выполняется замена твоего <select id ='selectListId' >  это  я  понимаю...   порсто  мне потом  нужно  щначение  брать из этого  списка -  селекта, поэтому думаю, что можно в форму положить

Автор: v2v 5.2.2008, 19:39

давай по шагам?

Автор: Samotnik 5.2.2008, 19:43

Цитата(v2v @  5.2.2008,  19:39 ) авай по шагам? давай !   Добавлено через 5 минут и 56 секунд ко мне  пришел результат !! Я его вывел через   allert (t) Код  function updatePage() {         if (request.readyState == 4) {             if (request.status == 200) {                 var t = request.responseText;                 alert(t);             } else                 alert("WARNING  status is " + request.status);         }     } т.е.  выскакивает  окошко с резклтатом,  интересует как это вывести ввиде  списка?

Автор: v2v 5.2.2008, 19:50

отмена document.getElementById("selectListId").innerHTML = t; где selectListId это Id твоего Select

Автор: Kangaroo 5.2.2008, 19:53

Цитата(v2v @  5.2.2008,  18:50 ) у тебя 30 минут).  многа    он же уже почти все сам сделал, только чуть переделать надо. А вообще прикольная тема - Хеллоу Ворлд, расписанный (пока) на 4 страницы

Автор: Samotnik 5.2.2008, 19:54

пишу Код     function updatePage() {         if (request.readyState == 4) {             if (request.status == 200) {                 var t = request.responseText;                 document.getElementById("selectListId").innerHTML = t;             } else                 alert("WARNING  status is " + request.status);         }     } как ты посоветовал и как в книгах  встречал,    но ничего не выводит...  (((   хотя  через  алерт  норм  все  (((

Автор: v2v 5.2.2008, 19:55

покажи jsp страницу

Автор: Samotnik 5.2.2008, 19:56

Цитата(v2v @  5.2.2008,  19:50 ) document.getElementById("selectListId").innerHTML = t; где selectListId это Id твоего Select да я  это понимаю !!!!        давно  еще  понимаю я не понимаю, почему на экране ничего не втдно ??    хотя все передается, я проверял !

Автор: v2v 5.2.2008, 19:56

вот замени: Код             <select id='selectListId' name="path2" onChange="change()">

Автор: Samotnik 5.2.2008, 19:57

Цитата(v2v @  5.2.2008,  19:55 ) покажи jsp страницу  у меня  .html!  Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3.org/TR/html4/loose.dtd"> <html> <script language="javascript" type="text/javascript">     var request = false;     try {         request = new XMLHttpRequest();     } catch (trymicrosoft) {         try {             request = new ActiveXObject("Msxml2.XMLHTTP");         } catch (othermicrosoft) {             try {                 request = new ActiveXObject("Microsoft.XMLHTTP");             } catch (failed) {                 request = false;             }         }     }     if (!request)         alert("Error initializing XMLHttpRequest!");     function getCustomerInfo() {         var path = document.getElementById("path").value;         var url = "ConsoleService?path=" + escape(path);         request.open("GET", url, true);         request.onreadystatechange = updatePage;         request.send(null);     }     function updatePage() {         if (request.readyState == 4) {             if (request.status == 200) {                 var t = request.responseText;                 document.getElementById("selectListId").innerHTML = t;             } else                 alert("WARNING  status is " + request.status);         }     }     function change() {         document.form_name.submit();     } </script> <head><title>Scan Dirrectory</title></head> <body bgcolor="pink"> <form>     <input type="text" size="20" name="path" id="path"/><br/>     <input type="button" name="Send Path" onclick="getCustomerInfo();"/><br/>     <br/>     <br/> </form> </body> </html>

Автор: v2v 5.2.2008, 20:00

перед вызовом ajax у тебя должен уже быть создан  <select id='selectListId'>

Автор: Samotnik 5.2.2008, 20:05

я  не понимаю, где у меня не правильно, скажите, я сам постараюсь  догнать

Автор: v2v 5.2.2008, 20:07

замени в своём html этот кусок:  Код <form>     <input type="text" size="20" name="path" id="path"/><br/>     <input type="button" name="Send Path" onclick="getCustomerInfo();"/><br/>     <select id='selectListId'>      <br/>     <br/> </form> убейте меня

Автор: Samotnik 5.2.2008, 20:28

карочи, сделал Добавлено через 3 минуты и 36 секунд v2v,  чуток подругому  сделал, после формы написал  Код <div id="selectListId"></div> Ты бы сразу сказал, что  жаваскрипт не видит тот  id   который был положен в PrintWriteln Код pw.print("<select id='selectListId' >"); А ему нужен  свой  id   который он и юзает, а то ты мне обьяснял и без того понятные вещи,  про которые я читал!!  Пэ.Эс. Как бы там  нибыло !!!    v2v,  Kangaroo,  огромаднейшее   спасибо !

Автор: Samotnik 6.2.2008, 12:37

Ну и почему  эта крастота не работает для  эксплорера??? Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3.org/TR/html4/loose.dtd"> <html> <script language="javascript" type="text/javascript">     var request = false;     try {         request = new XMLHttpRequest();     } catch (trymicrosoft) {         try {             request = new ActiveXObject("Msxml2.XMLHTTP");         } catch (othermicrosoft) {             try {                 request = new ActiveXObject("Microsoft.XMLHTTP");             } catch (failed) {                 request = false;             }         }     }     if (!request)         alert("Error initializing XMLHttpRequest!");     function getChoisenPath() {         var path = document.getElementById("path").value;         var url = "ConsoleService?path=" + escape(path);         request.open("GET", url, true);         request.onreadystatechange = updatePage;         request.send(null);     }     function updatePage() {         if (request.readyState == 4) {             if (request.status == 200) {                 document.forms.f.path2.innerHTML = request.responseText;             } else                 alert("WARNING  status is " + request.status);         }     }     function getFileName() {         var path2 = document.forms.f.path2.value;         var url = "ConsoleService?path2=" + escape(path2);         request.open("GET", url, true);         request.onreadystatechange = updatePage2;         request.send(null);     }     function updatePage2() {         if (request.readyState == 4) {             if (request.status == 200) {                 document.getElementById("psaa").innerHTML = request.responseText;             } else                 alert("WARNING 2  status is " + request.status);         }     } </script> <head><title>Scan Dirrectory</title></head> <body bgcolor="pink"> <form name="f">     <input type="text" size="20" name="path" id="path"/><br/>     <input type="button" name="Send Path" onclick="getChoisenPath();" value="Send Path" id="SendPath"/>     <br/>     <select name="path2" onchange="getFileName();"/><br/>     <br/>     <textarea rows="30" cols="45" id="psaa"> </textarea> </form> </body> </html>

Автор: IDVsbruck 6.2.2008, 14:08

У тебя запрос GET уходит по адресу url = "ConsoleService?path=" + escape(path) Я так думаю, что ты хотел бы запустить сервлет по адресу [path]/ConsoleService. Хотя сам по себе подход удивительный - нужели на всех адресах, введенных в эдит, есть сервлет с таким именем. Поэтому строку с урл надо поменять. Пару замечаний: хотя допускаются различные включения скриптов, но обычное место вхождение скрипта (тэг <script>) - внутри <head></head>. Второе: твой код может неполноценно работать в других навигаторах из-за строчки document.forms.f.path2.innerHTML = request.responseText; - Мозилла ее не приймет.

Автор: Samotnik 6.2.2008, 14:11

Цитата(IDVsbruck @  6.2.2008,  14:08 ) Мозилла ее не приймет.                 не приймет,  но  принимает      Я все запускаю на мазиле, а вот в IE   не пашет!!!!!  А надо, чтоб заработало

Автор: Kangaroo 6.2.2008, 14:17

Цитата(Samotnik @  6.2.2008,  11:37 ) Ну и почему  эта крастота не работает для  эксплорера??? А что пишет в ИЕ? Может какие-нибудь джаваскриптовые ошибки? Попробуй поставить тестовые алерты на разные куски кода.

Автор: Samotnik 6.2.2008, 14:24

Цитата(Kangaroo @  6.2.2008,  14:17 ) А что пишет в ИЕ? Может какие-нибудь джаваскриптовые ошибки? Попробуй поставить тестовые алерты на разные куски кода.  так в том и дело, что ошибок не выдает, если бы увидел текст ошибки, сам бы исправил .... Добавлено через 1 минуту и 47 секунд и ни один алерт не срабатывает, хотя на сервлете все норм отрабатывает   и пересылает назад,...  а  IE  как ни в чем не бывало невозмутимо нихочет инфу отображать!   И ошибок не выкидывает и  аллерт не выводит

Автор: v2v 6.2.2008, 16:45

проверь что бы в ие был доступен Актив Х

Автор: Samotnik 7.2.2008, 19:27

Цитата(v2v @  6.2.2008,  16:45 ) проверь что бы в ие был доступен Актив Х проверил....  в настройках  вообще абсолютно ВСЕ разрешил, но .... не работает :'(((((((

Автор: Kangaroo 7.2.2008, 23:36

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

Автор: Samotnik 8.2.2008, 00:33

Kangaroo,   блин все просто,  как 100  грамм пряникофф....   завтра  выложу Добавлено через 11 минут и 17 секунд Kangaroo,   для тебя, все что угодно !!!

Автор: Samotnik 8.2.2008, 15:18

Вопсчем   .html Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"         "http://www.w3.org/TR/html4/loose.dtd"> <html> <script language="javascript" type="text/javascript">     var request = false;     try {         request = new XMLHttpRequest();     } catch (trymicrosoft) {         try {             request = new ActiveXObject("Msxml2.XMLHTTP");         } catch (othermicrosoft) {             try {                 request = new ActiveXObject("Microsoft.XMLHTTP");             } catch (failed) {                 request = false;             }         }     }     if (!request)         alert("Error initializing XMLHttpRequest!");     function getChoisenPath() {         var path = document.getElementById("path").value;         var url = "ConsoleService?path=" + escape(path);         request.open("GET", url, true);         request.onreadystatechange = updatePage;         request.send(null);     }     function updatePage() {         if (request.readyState == 4) {             if (request.status == 200) {                 var xmlObject = request.responseXML;                 var elements = xmlObject.getElementsByTagName("path2");                 var selectPath = document.getElementById("selectPath");                 for (var x = 0; x < elements.length; x++) {                     var opt = document.createElement('option')                     opt.setAttribute("id", "path2");                     opt.value = elements[x].childNodes[0].nodeValue;                     selectPath.appendChild(opt);                     opt.appendChild(document.createTextNode(elements[x].childNodes[0].nodeValue));                 }             } else                 alert("WARNING  status is " + request.status);         }     }     function getFileName() {         var path2 = document.forms.f.path2.value;         var url = "ConsoleService?path2=" + escape(path2);         request.open("GET", url, true);         request.onreadystatechange = updatePage2;         request.send(null);     }     function updatePage2() {         if (request.readyState == 4) {             if (request.status == 200) {                 var selectPath = document.getElementById("content");                 var xmlObject = request.responseXML;                 a = xmlObject;                 var elements = xmlObject.getElementsByTagName("content");                 selectPath.innerHTML = null;                 for (var x = 0; x < elements.length; x++) {                     selectPath.innerHTML += elements[x].childNodes[0].nodeValue;                 }             } else                 alert("WARNING 2  status is " + request.status);         }     } </script> <head><title>Scan Dirrectory</title></head> <body bgcolor="pink"> <form name="f">     <input type="text" size="20" name="path" id="path"/><br/>     <input type="button" name="Send Path" onclick="getChoisenPath();"            value="Send Path" id="SendPath"/>     <br/>     <br/>     <select name="path2" onchange="getFileName();" id="selectPath">         <option/>     </select>     <br/>     <br/>     <textarea rows="30" cols="45" id="content"> </textarea> </form> </body> </html> web.xml Код <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4"          xmlns="http://java.sun.com/xml/ns/j2ee"          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"          xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee          http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">     <servlet>         <servlet-name>ConsoleService</servlet-name>         <servlet-class>controllers.ConsoleService</servlet-class>     </servlet>     <servlet-mapping>         <servlet-name>ConsoleService</servlet-name>         <url-pattern>/ConsoleService</url-pattern>     </servlet-mapping>     <welcome-file-list>         <welcome-file>ShowConsole.html</welcome-file>     </welcome-file-list> </web-app> и сервлетик  Код package controllers; import org.apache.log4j.Logger; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.http.HttpSession; import java.io.*; import java.util.ArrayList; public class ConsoleService extends HttpServlet {     private static final Logger log = Logger.getLogger(ConsoleService.class);     public void service(HttpServletRequest request, HttpServletResponse response)             throws ServletException, IOException {         log.info("Are  u  here ???");         int i, x;         String getPathVariable, getFileNameVariable;         if (request.getParameter("path") != null) {             getPathVariable = request.getParameter("path");             log.info(" WARNING!!!  NOW U WILL SEE a getPathVariable = " + getPathVariable);             File f1 = new File(getPathVariable);             String s[] = f1.list();             for (i = 0; i < s.length; i++)                 log.info("soderjimoe = " + s[i]);             ArrayList<String> ar = new ArrayList<String>();             for (int j = 0; j < s.length; j++)                 ar.add(s[j]);             PrintWriter pw = response.getWriter();             response.setHeader("Cache-Control", "private, no-cache, no-store, must-revalidate"); //HTTP 1.1             response.setHeader("Pragma", "no-cache"); //HTTP 1.0             response.setDateHeader("Expires", 0); //prevent caching on proxies             HttpSession session = request.getSession();             pw.print("<?xml version='1.0' encoding='UTF-8'?>\n");             pw.print("<show>");             for (x = 0; x < ar.size(); x++) {                 pw.println("<path2>" + (String) ar.get(x) + "</path2>");             }             pw.print("</show>");             session.setAttribute("path", getPathVariable);         } else if (request.getParameter("path") == null) {             ArrayList<String> ar2 = new ArrayList<String>();             HttpSession session = request.getSession();             log.info("path 1    ========   " + session.getAttribute("path"));             String wsef = (String) session.getAttribute("path");             getFileNameVariable = request.getParameter("path2");             log.info("    - Hi  DUDE!! .....  -    PREVED!!!!!!  " + getFileNameVariable);             String fullPathToTheFile = wsef + getFileNameVariable;             try {                 FileReader fr = new FileReader(fullPathToTheFile);                 BufferedReader br = new BufferedReader(fr);                 String sqwe = null;                 while ((sqwe = br.readLine()) != null) {                     ar2.add(sqwe);                     fr.close();                 }             } catch (IOException e) {                 log.info("  WARNING    EXCEPTION!!!!" + e);             }             PrintWriter pw = response.getWriter();             response.setHeader("Cache-Control", "private, no-cache, no-store, must-revalidate"); //HTTP 1.1             response.setHeader("Pragma", "no-cache"); //HTTP 1.0             response.setDateHeader("Expires", 0); //prevent caching on proxies             StringBuilder str = new StringBuilder("<?xml version='1.0' encoding='UTF-8'?>\n");             str.append("<show>");             for (x = 0; x < ar2.size(); x++) {                 str.append("<content>" + (String) ar2.get(x) + "</content>");             }             str.append("</show>");             pw.write(str.toString());             pw.flush();             pw.close();         }     } }

Автор: Kangaroo 8.2.2008, 21:52

Парился я полчаса    Оказалось нужно поставить  Код response.setContentType("text/xml"); чтобы ИЕ смог распарсить ответ сервера как xml    Кстати вторая часть у меня не в ФФ, не в ИЕ не работает. Тут уже сам пробуй дальше ))

Автор: Samotnik 8.2.2008, 22:02

Kangaroo,  в  точку !!!  уже  сам разобрался!!  но все равно   спасибо !!!!! (С меня  как обычно   )

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)