Обновление одного блока div по его id - JavaScript, Ajax - Страница 2

Naive · 17.09.2019, 10:10

Цитата:

Сообщение от s88s

Может и без геморроя но этот вуариант мне не подходит так как грузить всю страницу в блок div
А мне надо всего лишь перезапустить точнее обновить блок див ... reload ему сделать ... обновить всего один блок по его id.

Ну дак не грузи всю страницу — отдавай один блок.

Serge_Bliznykov · 17.09.2019, 10:15

Цитата:

Сообщение от uberchel

Тогда просто и без геморроя )
Код:
$.get('1.php', function (data) {
$('#div_1').html($('#div_1', data).html());
});

красиво. но у меня так не сработало

вот так проверял.

Код:

<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
function Click(){
$('#div_1').html('Обновление...');
$.get('1.php', function (data) {
	$('#div_1').html($('#div_1', data).html());
});
}
</script>
</head>
<body>
<div id="div_1">
 
Содержимое блока Div
 
В этом же блоке расположена кнопка для его обновления 
 
<input type = "button" onclick = "Click(); return false;">
 
</div>

<div id="div_3">Test</div>

</body>
</html>

Цитата:

Сообщение от uberchel

$('#div_1', data).html()

это undefined

Serge_Bliznykov · 17.09.2019, 10:28

Цитата:

Сообщение от s88s

Может и без геморроя но этот вуариант мне не подходит так как грузить всю страницу в блок div
А мне надо всего лишь перезапустить точнее обновить блок див ... reload ему сделать ... обновить всего один блок по его id.

так я же написал как это сделать тут - #6
только всё равно, хоть get("1.php"), хоть $.load("1.php #div_1") в любом случае с сервера передаётся вся страница целиком, потом из неё (в случае load с селектором) отфильтровывается нужное.

а ещё, я так и не понимаю, что Вы делаете и зачем, но, например, возможно, на загрузке страницы запомнить содержание div и потом его по кнопке вставлять вместо текущего. Это не сложно и не нужны запросы.

s88s · 17.09.2019, 16:00

Всем спасибо за помощь.
Пришлось переписать не много свой код. Других вариантов у меня не было

uberchel · 17.09.2019, 18:33

Цитата:

Сообщение от Serge_Bliznykov

красиво. но у меня так не сработало

вот так проверял.

Код:

<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>
function Click(){
$('#div_1').html('Обновление...');
$.get('1.php', function (data) {
	$('#div_1').html($('#div_1', data).html());
});
}
</script>
</head>
<body>
<div id="div_1">
 
Содержимое блока Div
 
В этом же блоке расположена кнопка для его обновления 
 
<input type = "button" onclick = "Click(); return false;">
 
</div>

<div id="div_3">Test</div>

</body>
</html>

это undefined

Забыл что то совсем что get возвращает просто текст, вот как вариант

Код:

		$('input[type=button]').click(function () {
			$.get('1.php', function (html) {
				$('#div_1').html((new DOMParser()).parseFromString(html, 'text/html').querySelector('#div_1'));
			});
		});

Serge_Bliznykov · 17.09.2019, 21:15

Цитата:

Сообщение от uberchel

Код:

$('#div_1').html((new DOMParser()).parseFromString(html, 'text/html').querySelector('#div_1'));

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

uberchel · 17.09.2019, 23:28

Цитата:

Сообщение от Serge_Bliznykov

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

Рад помочь )

Serge_Bliznykov · 18.09.2019, 10:17

Цитата:

Сообщение от uberchel

вот как вариант

только он обладал той же проблемой, что исходный код TC - вставлял div_1 внутрь div_1

но этот код легко дорабатывается до

Код:

<html>
<head>
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script>

function Click(){ 
	$.get('1.php', function (html) {
			$('#div_1').html($((new DOMParser()).parseFromString(html, 'text/html').querySelector('#div_1')).html());
	});
}

</script>
</head>
<body>
<div id="div_1">
 
Содержимое блока Div
 
В этом же блоке расположена кнопка для его обновления 
 
<input type = "button" onclick = "Click(); return false;" value='Обновить'>
 
</div>
</body>
</html>

p.s. но ещё раз повторю - это не для пользы дела, это просто мне самому интересно, раз уж автор темы решил свою проблему.

uberchel · 18.09.2019, 10:52

Цитата:

Сообщение от Serge_Bliznykov

только он обладал той же проблемой, что исходный код TC - вставлял div_1 внутрь div_1

но этот код легко дорабатывается до

Ясно, ночью голова уж не варила ))

Исправляюсь )

Код:

$('#div_1').html((new DOMParser()).parseFromString(html, 'text/html').querySelector('#div_1').innerHTML);

Serge_Bliznykov · 18.09.2019, 11:09

Цитата:

Сообщение от uberchel

Исправляюсь )

а, точно!
а я совсем забыл про это.
так что нет смысла преобразовывать в объект jQuery, чтобы через html() получить тот же innnerHTML !!!

17.09.2019, 16:00	#14
s88s Форумчанин Регистрация: 02.01.2014 Сообщений: 369	Всем спасибо за помощь. Пришлось переписать не много свой код. Других вариантов у меня не было "Я не волшебник, я только учусь"

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Blowfish (резервирование дополнительного байта для блока, говорящий о длине блока)	ITdocer	Общие вопросы C/C++	0	21.05.2014 15:40
обновление функции или блока php	Viboxjuwin	PHP	3	30.10.2013 15:10
Макрос: обновление одного файла данными из другого	darthraziel	Microsoft Office Excel	33	18.09.2012 17:11
можно ли играть по сети с одного системного блока	:=)	Свободное общение	11	04.02.2012 19:59
Автоматическое обновление блока данных	Jakethefish	PHP	4	05.03.2011 22:37