Домой Учебники по JavaScript и jQuery Как обновить содержимое DIV без перезагрузки страницы с помощью jQuery?

Как обновить содержимое DIV без перезагрузки страницы с помощью jQuery?

1103
0

В моем предыдущем примере я объяснил вам, как обновить данные на странице JSP, поступающей из Spring MVC Controller, и обновить с помощью JQuery. Вы можете посмотреть здесь .

Эта статья поможет вам понять мощь jQuery (библиотеки функций JavaScript) с простой HTML- страницей.

демонстрация

Crunchify.Refresh.Div.Without.Reloading.Page.html

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
< HTML >
< ГОЛОВА >
< TITLE > Crunchify обновление Div без перезарядка Страница < / TITLE >
type = text / css>
тело {
     фоновое изображение :
         url ( 'https://cdn.crunchify.com/wp-content/uploads/2013/03/Crunchify.bg_.300.png' ) ;
}
type = text / javascript
     src = http://code.jquery.com/jquery-1.10.1.min.js >
<скрипт>
     $ ( документ ) . готов (
             функция ( ) {
                 setInterval ( function ( ) {
                     вар случайный номер знак равно Математика этаж (Math. случайные () * 100 ) ;
                     $ ( '#show' ) . текст (
                             «Я обновляюсь каждые 3 секунды! Случайное число ==> '
                                     + случайный номер ) ;
                 } , 3000 ) ;
             } ) ;
< / HEAD >
< ТЕЛО >
     <Бр>
     <Бр>
     < div id = show выровнять = центр > < / div >
     < div align = center >
         < p >
             от < а href = https://crunchify.com > Crunchify . com < / a >
         < / p >
     < / div >
< / BODY >
< / HTML >

Список всех примеров Java , jQuery , AJAX , Spring MVC .

Как обновить содержимое DIV без перезагрузки страницы с помощью jQuery?

0.00 (0%) 0 votes

ЧИТАТЬ ТАКЖЕ:  Пример динамических ручек, который обновляет значение каждые 3 секунды (knob.js)

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь