Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как передать значение из ссылки в скрипт / 25 сообщений из 53, страница 1 из 3
08.01.2016, 16:02
    #39143386
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
На странице есть ссылка, и есть определенное значение(число) ${i}
Код: html
1.
<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:24
    #39143403
Тshаmil
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
rema174На странице есть ссылка, и есть определенное значение(число) ${i}
Код: html
1.
<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:46
    #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:59
    #39143426
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Код: 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, 17:16
    #39143435
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Axeleron,

что-то не так с загрузчиком ресурсов, после него jquery не работает
...
Рейтинг: 0 / 0
08.01.2016, 17:18
    #39143437
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
rema174Axeleron,

что-то не так с загрузчиком ресурсов, после него jquery не работает
Проверьте все ли референсы на месте.
...
Рейтинг: 0 / 0
08.01.2016, 17:33
    #39143455
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Axeleron,

с загрузчиком разобрался, спс.
...
Рейтинг: 0 / 0
08.01.2016, 17:55
    #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, 18:00
    #39143472
Тshаmil
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
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:01
    #39143474
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Код: 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:25
    #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:31
    #39143496
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
rema174на странице появляется по две одинаковых части....
но сам <div id="paginator"> - один
...
Рейтинг: 0 / 0
08.01.2016, 18:36
    #39143502
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
rema174,
Ну так делая это
Код: javascript
1.
$('#paginator').html(htmlData);


Вы полностью переписывает содержание этого:
Код: html
1.
<div id="paginator"/>


включая это (что оно делает там мне не ясно):
Код: html
1.
<jsp:include page="paginator.jsp" /> <!-- это просто импорт -->
...
Рейтинг: 0 / 0
08.01.2016, 18:41
    #39143505
Тshаmil
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
я думаю тебе следовало бы выложить фрагмент кода над которым ты работаешь на планкер
попробуй вязаться на событие таким образом
Код: 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:49
    #39143510
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
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:59
    #39143522
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Axeleronrema174,
А не может быть что persons.action?page=<n> возвращает что-то не то? Попробуйте заменить на что-то элементарное, чтобы рендерит paginator?

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

код из скрипта обновляет #paginator - с этим вроде все ок,
но почему он добавляет опять все что уже было на странице (по action и возвращает все это) как этого избежать?
...
Рейтинг: 0 / 0
08.01.2016, 19:00
    #39143524
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
rema174(по action и возвращает все это)
Что именно 'все это'? Если оба листа, то надо менять action
...
Рейтинг: 0 / 0
08.01.2016, 19:12
    #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:16
    #39143538
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Аааааааааааа!!! Ну дык ясно же что элементы не должны иметь одинаковых ID: h1 и h2
...
Рейтинг: 0 / 0
08.01.2016, 19:17
    #39143540
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Ну и соответственно:
Код: 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:18
    #39143541
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Axeleron,
нет, ошибочка, это для примера сделал, там на самом деле разные id
...
Рейтинг: 0 / 0
08.01.2016, 19:22
    #39143546
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
rema174, проблема в том, что h1 и h2 уже присутствуют на странице и находятся за пределами paginator, а action отрисовывает и h1 с h2 по второму разу.
...
Рейтинг: 0 / 0
08.01.2016, 19:23
    #39143547
Axeleron
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как передать значение из ссылки в скрипт
Другой причины не вижу.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как передать значение из ссылки в скрипт / 25 сообщений из 53, страница 1 из 3
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]