Недавно мне пришлось использовать jQuery , AJAX в примере Spring MVC Java . В .jsp (View) я хотел обновлять определенное поле каждые 3 секунды. Позвольте мне поделиться этим простым примером .
Этот пример поможет вам, если у вас есть один из следующих запросов:
- Spring Framework + JQuery AJAX Пример запроса
- Spring MVC 4 и учебное пособие по интеграции jQuery
- Как получить новое значение из Spring Controller, используя Ajax каждую n секунду?
- Spring 4 MVC, Ajax и jQuery Magic Учебные руководства
- Как использовать Ajax с Spring MVC 4, используя аннотации и JQuery?
Мы сделаем простое веб-приложение, которое покажет Random Number с Current Time каждые 3 секунды.
Давайте начнем.
Шаг 1
Pre-Requisite: https://crunchify.com/hello-world-example-spring-mvc-3-2-1/ (успешно разверните этот проект на Tomcat)
Шаг 2
Создайте 2 новых файла. ajax.jsp а также CrunchifySpringAjaxJQuery.java
|
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
|
пакет ком . crunchify. контроллер ;
Импортировать Java. Util. Дата ;
Импортировать орг. пружинная рама . стереотип . Контроллер ;
Импортировать орг. пружинная рама . веб . привязывать. аннотация . RequestMapping ;
Импортировать орг. пружинная рама . веб . привязывать. аннотация . RequestMethod ;
Импортировать орг. пружинная рама . веб . привязывать. аннотация . ResponseBody ;
Импортировать орг. пружинная рама . веб . сервлет. ModelAndView ;
Импортировать Java. Util. Случайный ;
/ **
* @author Crunchify.com
*
* /
@Controller
общественности учебный класс CrunchifySpringAjaxJQuery {
@RequestMapping ( / ajax )
общественности ModelAndView helloAjaxTest ( ) {
вернуть новый ModelAndView ( ajax , сообщение , Crunchify Spring MVC с демонстрацией Ajax и JQuery .. ) ;
}
@RequestMapping ( значение знак равно / ajaxtest , метод знак равно RequestMethod . ПОЛУЧИТЬ )
общественности @ResponseBody
строка getTime ( ) {
Случайный ранд знак равно новый Случайный ( ) ;
поплавок р знак равно рандов. nextFloat ( ) * 100 ;
строка результат знак равно «Следующий случайный номер — это » + р + . Создано на + новый Дата ( ) . toString ( ) + ;
Система. вне. println ( «Отладочное сообщение от контроллера CrunchifySpringAjaxJQuery ..» + новый Дата ( ) . toString ( ) ) ;
вернуть результат ;
}
}
|
|
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
|
< html >
< голова >
< TITLE > Crunchify — весна MVC пример с AJAX позвонить < / TITLE >
тело {
фоновое изображение :
url ( 'https://cdn.crunchify.com/wp-content/uploads/2013/03/Crunchify.bg_.300.png' ) ;
}
src = http://code.jquery.com/jquery-1.10.1.min.js >
функция crunchifyAjax ( ) {
$ . Аякс ( {
URL : 'ajaxtest.html' ,
успех : функция ( данные ) {
$ ( '#result' ) . HTML ( данные ) ;
}
} ) ;
}
вар intervalId знак равно 0 ;
intervalId знак равно setInterval ( crunchifyAjax , 3000 ) ;
< / head >
< тело >
< div align = center >
<Бр> <Бр> $ { message } <Бр> <Бр>
< div id = result > < / div >
<Бр>
< p >
от < а href = https://crunchify.com > Crunchify . com < / a >
< / p >
< / div >
< / body >
< / html >
|
Шаг 3
Убедитесь, что у вас есть структура пакета ниже.
Шаг 4
Откройте веб-браузер и перейдите по следующему URL: http: // localhost: 8080 / CrunchifySpringMVCTutorial / ajax.html
Другой должен прочитать: https://crunchify.com/how-to-write-json-object-to-file-in-java/
Шаг 5
Оформить свой результат ..
Шаг 6
Давайте сделаем некоторую отладку. Вы должны увидеть нижеприведенные отладочные операторы в Eclipse Console чтобы убедиться, что ваш AJAX-вызов работает и нажимает Controller…
И у вас все готово .. Ура .. И как обычно, дайте мне знать по любому запросу ..
0.00 (0%) 0 votes
