как передать значение из ссылки в скрипт / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как передать значение из ссылки в скрипт

53 сообщений из 53, показаны все 3 страниц

все

как передать значение из ссылки в скрипт

#39143386

rema174

Гость

На странице есть ссылка, и есть определенное значение(число) ${i}

Код: html

<a id="idPage" href="#">${i}</a>

как образом передать ${i} в скрипт?

Код: javascript

1.
2.
3.
4.
5.
6.

<script type="text/javascript">
	$('#idPage').click(function() {
		$.ajax({
			url : 'persons.action?page=СЮДА', // action to be perform
			type : 'GET', //type of posting the data
			...

таким образом, чтобы url стало persons.action?page=5

...

Рейтинг:

0 / 0

08.01.2016, 16:02

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143403

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174На странице есть ссылка, и есть определенное значение(число) ${i}

Код: html

<a id="idPage" href="#">${i}</a>

как образом передать ${i} в скрипт?

Код: javascript

1.
2.
3.
4.
5.
6.

<script type="text/javascript">
	$('#idPage').click(function() {
		$.ajax({
			url : 'persons.action?page=СЮДА', // action to be perform
			type : 'GET', //type of posting the data
			...

таким образом, чтобы url стало persons.action?page=5

Код: javascript

1.
2.
3.
4.
5.
6.
7.

<script type="text/javascript">
	$('#idPage').click(function() {
                var page = $(this).text(); 
		$.ajax({
			url : 'persons.action?page=' + page, // action to be perform
			type : 'GET', //type of posting the data
			...

...

Рейтинг:

0 / 0

08.01.2016, 16:24

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143411

rema174

Гость

Тshаmil,

ок, но я столкнулся с тем что на странице вообще не срабатывает jquery

есть на странице такое:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.

<script type="text/javascript">
	$(function(){
		$('button').click(function(){
			console.log("running");
			var url='myapp.com/mainpage.jsp?check='+this.id;
			alert(url);
		});
	});
</script>

Код: html

1.
2.
3.

<body>
	<button id="20" class="click">Click me</button>
	...

я проверил, что jquery подгрузился, но почему не срабатывает?

...

Рейтинг:

0 / 0

08.01.2016, 16:46

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143426

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.

<script type="text/javascript">
	$(function(){
		$('[type=button]').click(function(){
			console.log("running");
			var url='myapp.com/mainpage.jsp?check='+this.id;
			alert(url);
		});
	});
</script>

Не?

...

Рейтинг:

0 / 0

08.01.2016, 16:59

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143435

rema174

Гость

Axeleron,

что-то не так с загрузчиком ресурсов, после него jquery не работает

...

Рейтинг:

0 / 0

08.01.2016, 17:16

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143437

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174Axeleron,

что-то не так с загрузчиком ресурсов, после него jquery не работает
Проверьте все ли референсы на месте.

...

Рейтинг:

0 / 0

08.01.2016, 17:18

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143455

rema174

Гость

Axeleron,

с загрузчиком разобрался, спс.

...

Рейтинг:

0 / 0

08.01.2016, 17:33

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143469

rema174

Гость

однако со скриптом проблема - получаю ошибку:
авторSynchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

$('#idPage').click(function() {
						
	console.log("running");
						
	$.ajax({
							
		url : 'persons.action?page=' + $(this).text(), // action to be perform
		type : 'GET', //type of posting the data
		dataType : 'html',
		success : function(htmlData) {
			$('#paginator').html(htmlData);
		        $('#userlist').html(htmlData);
		},
                error : function(xhr, ajaxOptions, thrownError) {
	             alert('An error occurred! ' + thrownError);
	        },
	});
						
});

...

Рейтинг:

0 / 0

08.01.2016, 17:55

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143472

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174Тshаmil,

ок, но я столкнулся с тем что на странице вообще не срабатывает jquery

есть на странице такое:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.

<script type="text/javascript">
	$(function(){
		$('button').click(function(){
			console.log("running");
			var url='myapp.com/mainpage.jsp?check='+this.id;
			alert(url);
		});
	});
</script>

Код: html

1.
2.
3.

<body>
	<button id="20" class="click">Click me</button>
	...

я проверил, что jquery подгрузился, но почему не срабатывает?
используй ready тогда никогда таких проблем не будет, и желательно код c jQuery оборачивать в анонимную функцию таким образом:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

<script type="text/javascript">
        (function($){
           $('document').ready(function(){
		$('button').click(function(){
			console.log("running");
			var url='myapp.com/mainpage.jsp?check='+this.id;
			alert(url);
		});
           });
        })(jQuery);
</script>

такая конструкция решает сразу несколько проблем которые могут периодически возникать с jQuery:
1. конфликт функции $. Бывает при использовании в одном проекте нескольких библиотек с функцией $
2. код внутри этой конструкции гарантированно выполнится после загрузки всего DOM

...

Рейтинг:

0 / 0

08.01.2016, 18:00

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143474

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

$('#idPage').click(function() {
						
	console.log("running");
						
	$.ajax({
							
		url : 'persons.action?page=' + $(this).text(), // action to be perform
		type : 'GET', //type of posting the data
		dataType : 'html',
                async: true,
		success : function(htmlData) {
			$('#paginator').html(htmlData);
		        $('#userlist').html(htmlData);
		},
                error : function(xhr, ajaxOptions, thrownError) {
	             alert('An error occurred! ' + thrownError);
	        },
	});
						
});

...

Рейтинг:

0 / 0

08.01.2016, 18:01

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143492

rema174

Гость

Axeleron,

Я поставил вызов в функцию, которая вызывается после загрузчика - так тоже срабатывает, я использовал headjs.
assync поставил, но кажется дело не в этом... после вызова ссылки на странице появляется по две одинаковых части, попробую объяснить:

есть страница list.jsp на которой есть наш js:

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

$('#idPage').click(function() {			
	console.log("running");				
	$.ajax({				
		url : 'persons.action?page=' + $(this).text(), // action to be perform
		type : 'GET', //type of posting the data
		dataType : 'html',
                async: true,
		success : function(htmlData) {
			$('#paginator').html(htmlData);
                ...

теперь я нажимаю ссылку на list.jsp которая в #paginator
т.о. наш js вызывает url persons.action?page=2 .
теперь код из action возвращает опять list.jsp и должен подтянуться код в #paginator который на странице записан как

Код: html

1.
2.
3.

<div id="paginator">
      <jsp:include page="paginator.jsp" /> <!-- это просто импорт -->
</div>

т.о после нажатия ссылки у меня все также ошибка в консоли "Synchronous XMLHttpRequest on the main thread is deprecated" (aasync поставил) и на странице появляется по две одинаковых части....

...

Рейтинг:

0 / 0

08.01.2016, 18:25

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143496

rema174

Гость

rema174на странице появляется по две одинаковых части....
но сам <div id="paginator"> - один

...

Рейтинг:

0 / 0

08.01.2016, 18:31

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143502

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174,
Ну так делая это

Код: javascript

$('#paginator').html(htmlData);

Вы полностью переписывает содержание этого:

Код: html

<div id="paginator"/>

включая это (что оно делает там мне не ясно):

Код: html

<jsp:include page="paginator.jsp" /> <!-- это просто импорт -->

...

Рейтинг:

0 / 0

08.01.2016, 18:36

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143505

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

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

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

$('body').on('click', '#idPage', function() {			
	console.log("running");				
	$.ajax({				
		url : 'persons.action?page=' + $(this).text(), // action to be perform
		type : 'GET', //type of posting the data
		dataType : 'html',
                async: true,
		success : function(htmlData) {
			$('#paginator').html(htmlData);
                ...);

...

Рейтинг:

0 / 0

08.01.2016, 18:41

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143506

rema174

Гость

Axeleron,

все верно, так и надо. но мне нужно только и только переписать <div id="paginator"/> а кроме него добавляется по два раз все что выше этого div и все что ниже тоже два раза

...

Рейтинг:

0 / 0

08.01.2016, 18:41

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143510

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174,
А не может быть что persons.action?page=<n> возвращает что-то не то? Попробуйте заменить на что-то элементарное, чтобы рендерит paginator?

...

Рейтинг:

0 / 0

08.01.2016, 18:49

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143511

rema174

Гость

Тshаmil,
я не понял что значит "на планкер", но сделал как вы говорите, - не меняется

Axeleron,
<jsp:include page="paginator.jsp" /> 

это реальное содержимое для #paginator - оно подтягивается из paginator.jsp

...

Рейтинг:

0 / 0

08.01.2016, 18:49

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143522

rema174

Гость

Axeleronrema174,
А не может быть что persons.action?page=<n> возвращает что-то не то? Попробуйте заменить на что-то элементарное, чтобы рендерит paginator?

похоже с action все ок - возвращается response на сраницу list.jsp и в респонсе нужные атрибуты с данными - вроде все то

код из скрипта обновляет #paginator - с этим вроде все ок,
но почему он добавляет опять все что уже было на странице (по action и возвращает все это) как этого избежать?

...

Рейтинг:

0 / 0

08.01.2016, 18:59

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143524

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174(по action и возвращает все это)
Что именно 'все это'? Если оба листа, то надо менять action

...

Рейтинг:

0 / 0

08.01.2016, 19:00

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143532

rema174

Гость

Axeleron,

имеем

Код: html

1.
2.
3.
4.
5.
6.
7.

        <h1 id="bottom">header part</h1>
	
	<div id="paginator">
		<jsp:include page="paginator.jsp" /> <br/>
	</div>
	
	<h2 id="bottom">bottom part</h2>

страница открылась первый раз:

перешел на след страницу

...

Рейтинг:

0 / 0

08.01.2016, 19:12

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143538

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

Аааааааааааа!!! Ну дык ясно же что элементы не должны иметь одинаковых ID: h1 и h2

...

Рейтинг:

0 / 0

08.01.2016, 19:16

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143540

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

Ну и соответственно:

Код: html

1.
2.
3.
4.
5.
6.

       	
	<div id="paginator">
                <h1 id="bottom">header part</h1>
		<jsp:include page="paginator.jsp" /> <br/>
         	<h2 id="bottom">bottom part</h2>
	</div>

...

Рейтинг:

0 / 0

08.01.2016, 19:17

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143541

rema174

Гость

Axeleron,
нет, ошибочка, это для примера сделал, там на самом деле разные id

...

Рейтинг:

0 / 0

08.01.2016, 19:18

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143546

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174, проблема в том, что h1 и h2 уже присутствуют на странице и находятся за пределами paginator, а action отрисовывает и h1 с h2 по второму разу.

...

Рейтинг:

0 / 0

08.01.2016, 19:22

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143547

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

Другой причины не вижу.

...

Рейтинг:

0 / 0

08.01.2016, 19:23

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143551

rema174

Гость

Axeleron,

тогда какую страницу нужно возвращать из action,
если id который я обновляю, находится на этой же странице?

...

Рейтинг:

0 / 0

08.01.2016, 19:28

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143555

rema174

Гость

кажется дошло ) нужно возврашать из action страницу с данными из paginator.jsp...

...

Рейтинг:

0 / 0

08.01.2016, 19:30

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143559

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174кажется дошло ) нужно возврашать из action страницу с данными из paginator.jsp...
Ну как бы да :)

...

Рейтинг:

0 / 0

08.01.2016, 19:33

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143564

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174, не знаю как на Java, но в ASP.NET MVC это был бы один и тоже partial view, который рендерился на страинце при ее первом открытии, и оно же возвращался action методом

...

Рейтинг:

0 / 0

08.01.2016, 19:36

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143568

rema174

Гость

Axeleronrema174, не знаю как на Java, но в ASP.NET MVC это был бы один и тоже partial view, который рендерился на страинце при ее первом открытии, и оно же возвращался action методом
принцип должен быть один и тотже, просто мне получается нужно делать еще один экшин, чтобы возвращить только partial view, который у меня явл. paginator.jsp

...

Рейтинг:

0 / 0

08.01.2016, 19:39

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143570

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174, вообще по-хорошему, лучше все же сделать этот paginator.jsp реюзабельным, чтобы в будущем при изменении чего-то в листе не нужно было вносить изменения в двух местах.

...

Рейтинг:

0 / 0

08.01.2016, 19:42

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143576

rema174

Гость

Axeleronrema174, вообще по-хорошему, лучше все же сделать этот paginator.jsp реюзабельным, чтобы в будущем при изменении чего-то в листе не нужно было вносить изменения в двух местах.

так он у меня как раз реюзабельный - именно поэтому я его подключаю как <include ...

...

Рейтинг:

0 / 0

08.01.2016, 19:46

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143587

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174Axeleronrema174, вообще по-хорошему, лучше все же сделать этот paginator.jsp реюзабельным, чтобы в будущем при изменении чего-то в листе не нужно было вносить изменения в двух местах.

так он у меня как раз реюзабельный - именно поэтому я его подключаю как <include ...
Тогда я не очень понимаю в чем проблема... h1 и h2 просто убрать с главной страницы где paginator расположен и все...

...

Рейтинг:

0 / 0

08.01.2016, 19:57

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143604

rema174

Гость

Axeleron,

видимо мы по разному понимаем слово реюзабельный

...

Рейтинг:

0 / 0

08.01.2016, 20:23

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143605

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174Axeleron,

видимо мы по разному понимаем слово реюзабельный
Реюзабельный - один элемент, который может использоваться в разных местах.

...

Рейтинг:

0 / 0

08.01.2016, 20:25

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143608

rema174

Гость

Axeleronrema174Axeleron,

видимо мы по разному понимаем слово реюзабельный
Реюзабельный - один элемент, который может использоваться в разных местах.

я тоже так считаю

...

Рейтинг:

0 / 0

08.01.2016, 20:32

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143610

Axeleron

Участник

Откуда: London

Сообщения: 6 513

Рейтинг: 0 / 0

rema174Axeleronпропущено...

Реюзабельный - один элемент, который может использоваться в разных местах.

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

...

Рейтинг:

0 / 0

08.01.2016, 20:34

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143617

rema174

Гость

Axeleron,

не суть, есть другие, более важные вопросы

...

Рейтинг:

0 / 0

08.01.2016, 20:49

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143624

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174Тshаmil,
я не понял что значит "на планкер", но сделал как вы говорите, - не меняется

Axeleron,
<jsp:include page="paginator.jsp" /> 

это реальное содержимое для #paginator - оно подтягивается из paginator.jsp
планкер http://plnkr.co/ ресурс на котором можно выложить свой js, html и css можно будет воспроизвести ошибку. Хотя кросдоменные аджакс запросы с него работать не будут, если сервер не будет возвращать в заголовке Access-Control-Allow-Origin.
В общем так или иначе подобные ошибки лучше рассматривать на живых примерах, потому что ты можешь показывать нам совсем не тот кусок кода который является причиной ошибки.
Можешь организовать тонель через ngrok со своей локальной машины и выложить сюда ссылку https://ngrok.com/

...

Рейтинг:

0 / 0

08.01.2016, 21:10

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143646

rema174

Гость

ТshаmilМожешь организовать тонель через ngrok со своей локальной машины и выложить сюда ссылку https://ngrok.com/

организовывать на планкере было бы ооочень геморно

я надеюсь, nrock - это хоть безопасно )

...

Рейтинг:

0 / 0

08.01.2016, 22:17

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143662

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174ТshаmilМожешь организовать тонель через ngrok со своей локальной машины и выложить сюда ссылку https://ngrok.com/

организовывать на планкере было бы ооочень геморно

я надеюсь, nrock - это хоть безопасно )
это их слоган: Secure tunnels to localhost :)

...

Рейтинг:

0 / 0

08.01.2016, 22:56

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143684

rema174

Гость

Тshаmilrema174пропущено...

организовывать на планкере было бы ооочень геморно

я надеюсь, nrock - это хоть безопасно )
это их слоган: Secure tunnels to localhost :)

на заборах тоже много чего пишут ))

...

Рейтинг:

0 / 0

09.01.2016, 00:16

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143686

rema174

Гость

Тshаmil,

кстати я проверил еще раз и оказалось, что все-таки работает только вот с таким скриптом

Код: javascript

1.
2.

$('body').on('click', '#idPage', function() {...
/* изначально был такой $('#idPage').click(function() {...*/

почему так правильнее?

...

Рейтинг:

0 / 0

09.01.2016, 00:21

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143717

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174Тshаmil,

кстати я проверил еще раз и оказалось, что все-таки работает только вот с таким скриптом

Код: javascript

1.
2.

$('body').on('click', '#idPage', function() {...
/* изначально был такой $('#idPage').click(function() {...*/

почему так правильнее?
$('#idPage').click(...) в этом случае подвязка события идет на элемент.
$('body').on('click', '#idPage'.. в этом случае подвязка идет на body с ожиданием события клик от всех элементов с указанным селектором.
Разница заключается в том, что если ты решишь динамически удалить а потом создать элемент #idPage, то в первом случае тебе нужно будет повторно инициализировать обработчик события, после обновления dom в твоем случае это следовало было делать в колбеке аджакс запроса.
Во втором случае, ты можешь сколько угодно удалять и создавать элемент с селектором #idPage обработчик события никуда не денется, потому что он весит на body

...

Рейтинг:

0 / 0

09.01.2016, 07:29

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143791

rema174

Гость

Новая проблема - что-то странно с кнопкой "назад" браузера. Как это происходит:

1. перехожу по get запросу на list.jsp т.е. сейчас страница 1 (все в окне перерисовалось)

2. делаю аякс запрос(нажимаю на ссылку) на стр. 4 (перерисовалось только то, что должно было, т.е. все ок)
т.о. сейчас стр. 4

3. делаю аякс запрос(нажимаю на ссылку) на стр. 5 (перерисовалось только то, что должно было, т.е. все ок)
т.о. сейчас стр. 5

4. нажимаю "назад" (кнопка браузера) - НИЧЕГО не произошло, и в консолях тоже ничего не изменилось

5. нажимаю снова "назад" (кнопка браузера) - выполнился get запрос на страницу 1, т.е. получается этот шаг сработал правильно

что вообще происходит? почему браузер не контролит то, что обновилось по аяксу и не возвращает назад по истории на шаге 4 ?

...

Рейтинг:

0 / 0

09.01.2016, 15:16

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143799

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174Новая проблема - что-то странно с кнопкой "назад" браузера. Как это происходит:

1. перехожу по get запросу на list.jsp т.е. сейчас страница 1 (все в окне перерисовалось)

2. делаю аякс запрос(нажимаю на ссылку) на стр. 4 (перерисовалось только то, что должно было, т.е. все ок)
т.о. сейчас стр. 4

3. делаю аякс запрос(нажимаю на ссылку) на стр. 5 (перерисовалось только то, что должно было, т.е. все ок)
т.о. сейчас стр. 5

4. нажимаю "назад" (кнопка браузера) - НИЧЕГО не произошло, и в консолях тоже ничего не изменилось

5. нажимаю снова "назад" (кнопка браузера) - выполнился get запрос на страницу 1, т.е. получается этот шаг сработал правильно

что вообще происходит? почему браузер не контролит то, что обновилось по аяксу и не возвращает назад по истории на шаге 4 ?
ajax не обновляет весь документ, следовательно ничего не попадает в историю браузера, следовательно кнопки back и forward не будут работать при ajax запросах в чистом виде. Но ты можешь изучить какие возможности предоставляет объект window.history https://developer.mozilla.org/en-US/docs/Web/API/History_API это позволит тебе манипулировать историей браузера и "заставлять" его делать то, что тебе нужно

...

Рейтинг:

0 / 0

09.01.2016, 15:36

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143831

rema174

Гость

Тshаmilajax не обновляет весь документ, следовательно ничего не попадает в историю браузера, следовательно кнопки back и forward не будут работать при ajax запросах в чистом виде. Но ты можешь изучить какие возможности предоставляет объект window.history https://developer.mozilla.org/en-US/docs/Web/API/History_API это позволит тебе манипулировать историей браузера и "заставлять" его делать то, что тебе нужно

честно говоря, это какие-то дебри.. манипулировать историей браузера? возможно это было бы решением если бы навигация была завязана только на javascripte, но у меня навигация также подвязана к бекэнду.

мне тут предложили решение, но я не совсем понял как его реализовать. там предлагают как-то дополнять символ #. Каким образом его дополнять, и на каком этапе? Может он предлагает дополнять состоянием истории страницы где ajax обновил часть документа?
Также он предлагает использовать:
$('body').on('click', '#idPage', function(e) {
// some code goes here
e.preventDefault(); 
});

У меня в ссылках страниц href есть только символ #.

...

Рейтинг:

0 / 0

09.01.2016, 17:27

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39143926

rema174

Гость

Подскажите такую вещь

вот это должно выполняться при нажатии на кнопку назад-вперед, а у меня оно срабатывает и при нажатии по ссылкам страниц, почему?

Код: javascript

1.
2.
3.

window.onpopstate = function( e ) {
	console.log("!!!!!!!!!!!!!!");
}

оно у меня поставлено сразу после загрузчика скриптов

...

Рейтинг:

0 / 0

09.01.2016, 21:29

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39144004

Areostar

Участник

Сообщения: 3 545

Рейтинг: 0 / 0

rema174,

В jQuery в ajax запросе можно добавить строку data: и параметры пихать туда

...

Рейтинг:

0 / 0

10.01.2016, 08:48

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39144318

Petro123

Участник

Откуда: Загрузочный сектор Москвы (AutoPOI.ru)

Сообщения: 39 476

Рейтинг: 0 / 0

rema174Может он предлагает дополнять состоянием истории страницы где ajax обновил часть документа?
да.
Если тебе это поможет, т.к. архитектура кривая.
AJAX'а слишком много. Затрахаешься всё руками учитывать.
IMHO

...

Рейтинг:

0 / 0

11.01.2016, 10:43

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39144686

Тshаmil

Участник

Сообщения: 16 396

Рейтинг: 0 / 0

rema174Тshаmilajax не обновляет весь документ, следовательно ничего не попадает в историю браузера, следовательно кнопки back и forward не будут работать при ajax запросах в чистом виде. Но ты можешь изучить какие возможности предоставляет объект window.history https://developer.mozilla.org/en-US/docs/Web/API/History_API это позволит тебе манипулировать историей браузера и "заставлять" его делать то, что тебе нужно

честно говоря, это какие-то дебри.. манипулировать историей браузера? возможно это было бы решением если бы навигация была завязана только на javascripte, но у меня навигация также подвязана к бекэнду.

мне тут предложили решение, но я не совсем понял как его реализовать. там предлагают как-то дополнять символ #. Каким образом его дополнять, и на каком этапе? Может он предлагает дополнять состоянием истории страницы где ajax обновил часть документа?
Также он предлагает использовать:
$('body').on('click', '#idPage', function(e) {
// some code goes here
e.preventDefault(); 
});

У меня в ссылках страниц href есть только символ #.
ты всегда можешь узнать чем является та или иная переменная или параметр, используя console.log(e); в данном случае e это объект jQuery.Event .
preventDefault это метод этого объекта который останавливает выполнение действия по умолчанию т.е. если ты напишешь такой код, то клик по твоей ссылке ни к чему не приведет, потому что действие по умолчанию (переход по ссылке) будет остановлено.
Тебе предлагают переопределить действие браузера по умолчанию и там где написано // some code goes here реализовать свою логику работы с историей.
Либо использовать hash т.е. прописывать в ссылку осмысленный hash, наример
<a href="#page1"></a><a href="#page2"></a>

...

Рейтинг:

0 / 0

11.01.2016, 15:43

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39144732

rema174

Гость

Petro123rema174Может он предлагает дополнять состоянием истории страницы где ajax обновил часть документа?
AJAX'а слишком много. Затрахаешься всё руками учитывать.
IMHO
точно. имхо аяксом нужно делать какие-то "партишиал", но не глобально...

...

Рейтинг:

0 / 0

11.01.2016, 16:21

| Ответить | Цитировать | Написать

как передать значение из ссылки в скрипт

#39144735

rema174

Гость

ТshаmilЛибо использовать hash т.е. прописывать в ссылку осмысленный hash, наример
<a href="#page1"></a><a href="#page2"></a>
так и сделаю. спасибо.

...

Рейтинг:

0 / 0

11.01.2016, 16:25

| Ответить | Цитировать | Написать

53 сообщений из 53, показаны все 3 страниц

все

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как передать значение из ссылки в скрипт

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?all=1&fid=22&tid=1445501]:	0ms
get settings:	11ms
get forum list:	12ms
check forum access:	4ms
check topic access:	4ms
track hit:	186ms
get topic data:	9ms
get forum data:	3ms
get page messages:	96ms
get tp. blocked users:	1ms
others:	269ms

total:	595ms