Переход на новую страницу с параметрами

@Triblaid · Регистрация: 16.04.2016

Студворк — интернет-сервис помощи студентам

Доброго времени суток, подскажите пожалуйста. Как перейти на другую страницу с собранными раньше параметрами? Понимаю, возможно очень туплю...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function selectMonthDaysWork() {
    var stc1 = document.getElementById("ChannelId").options.selectedIndex;
    var channelId = document.getElementById("ChannelId").options[stc1].value;
    var stc2 = document.getElementById("ContractId").options.selectedIndex;
    var сontractId = document.getElementById("ContractId").options[stc2].value;
 
    var data = {
        year: document.getElementById("YearId").value,
        channelId: channelId,
        contractId: сontractId
    };

@maxoun · 18.07.2018, 21:33

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

ак перейти на другую страницу с собранными раньше параметрами?

1. Посредствами cookie
2. Использование протокола HTTP и именно на стороне клиента.

@Triblaid · 18.07.2018, 21:39 **[ТС]**

Можете показать как это сделать? (HTTP)

@maxoun · 18.07.2018, 22:38

Triblaid, Хотя не надо так мучаться. при создании сылки к примеру
<a href=index.php?name=value&age=value&>... ..</a>
где параметры и значения ставляй свои , а в index.php они попадут GET параметром

@Triblaid · 18.07.2018, 22:45 **[ТС]**

Так я бы просто отправил через хелпер (ASP.Net), но вот требуют, чтобы отправка через JS была, а не где просто способа не нашел.

@maxoun · 18.07.2018, 23:07

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

чтобы отправка через JS была,

Отправка не проблема, принятие какое должно быть ???
Отправь как я тебе сказал.

@Triblaid · 18.07.2018, 23:08 **[ТС]**

GET - если правильно понял

@maxoun · 18.07.2018, 23:30

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

GET - если правильно понял

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

Куда ты передаешь зачем там они тебе??? GET обрабатывается серверным языком программирования к примеру PHP

@Triblaid · 18.07.2018, 23:47 **[ТС]**

Там я уже сам с ними разберусь мне главное их отправить в контролер

@Mr_Sergo · 18.07.2018, 23:53

Triblaid,
Во-первых скинь файл HTML где у тебя находятся все эти option-ы и select-ы
Во-вторых на какой конкретно адрес послать с собранными раньше параметрами
Ну и css приложи --- чтоб красиво было

Добавлено через 1 минуту

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

GET обрабатывается серверным языком программирования к примеру PHP

GET можно и js-ом обработать... так на будущее

@maxoun · 19.07.2018, 00:07

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

GET можно и js-ом обработать... так на будущее

Но не так как на PHP.
Ну например вот пример приведи. Опять ajax?

@Mr_Sergo · 19.07.2018, 00:21

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

Ну например вот пример приведи.

Сегодня или завтра накидаю тебе пример, сегодня- обещать не стану голова уже плохо соображает.

@Mr_Sergo · 19.07.2018, 01:33

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

Но не так как на PHP

Естественно...

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

Ну например вот пример приведи. Опять ajax?

Нет, без всякого ajax:
index.html

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Код</title>
<script src="index.js"></script>
</head>
<body>
 
<input type="text" id="name">
<input type="text" id="number">
<button id="button">Погнали</button>
 
</body>
</html>

handler.html

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Код</title>
<script src="handler.js"></script>
</head>
<body>
 
<h1>Данные с "index.html"</h1>
<div id="result"></div>
 
</body>
</html>

index.js

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
window.onload = function () {
    document.getElementById('button').addEventListener('click',function(){
        var name = document.getElementById('name').value;
        var number = document.getElementById('number').value;
        window.location.href = 'handler.html?name='+name+'&number='+number;
    },false);
}

handler.js

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
window.onload = function () {
    var result = document.getElementById('result');
    var name = decodeURI(location.search.substr(1).split('&')[0].split('=')[1]);
    var number = decodeURI(location.search.substr(1).split('&')[1].split('=')[1]);
    result.innerHTML = name + '<br>' + number;
}

Если лень копипастить:
Архив ZIP - WinRAR.zip
Запускаешь index.html => вводишь что-нибудь в поля => жмакаешь "Погнали" => вот тебе GET без ajax и пыхи.
Ну если, конечно же, речь не идет об отправки данных без перезагрузки страницы...

@Triblaid · 19.07.2018, 07:52 **[ТС]**

Сложно скинуть HTML так как проект на ASP.NET MVC, с кучей шаблонов. Мне бы просто отправить "date" на Url: /MonthDaysWorks/View. Типо AJAX только с переходом на страницу.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$.ajax({
        type: "GET",
        url: "/MonthDaysWorks/View",
        data: data,
        success: function (viewhtml) {
            $('#ContractContainer').html(viewhtml);
        },
        error: function () {
            console.log("Error. Cant get this page");
        }
    });

Dmitry · 19.07.2018, 08:17

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

Типо AJAX только с переходом на страницу

как вариант:
https://wiki.mikrotik.com/wiki... entication

@Triblaid · 19.07.2018, 08:35 **[ТС]**

Это ведь обычная форма, а вот чтобы из JS "data" отправить, можно как-то?

Dmitry · 19.07.2018, 08:38

submit формы как раз и отправляет все данные на адрес, указаныый в action

@Triblaid · 19.07.2018, 08:45 **[ТС]**

Вот на счет всех, как раз сложности, в JS я собираю нужные мне файлы, это макет модели, которая в контролере уже преобразуется в готовую модель с которой можно дальше работать. Понимаю возможно что-то не так говорю по правилам верски, я с JS и HTML не привык работать, мне бы просто бы просто отправить именно вот эту собранную конструкцию на адрес, дальше его обработает уже C# контролер.

Dmitry · 19.07.2018, 09:07

ну так и отправляйте не все, кто вам мешает?

HTML5
1
2
3
4
5
6
7
8
<html>
<title>...</title>
<body>
<form name="redirect" action="https://auth.example.com/login.php" method="post">
<input type="hidden" id="data" name="data" value="">
</form>
</body>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
function dataSend()
{
    document.geElementById('data').value = dataPrepare();
    document.redirect.submit();
}
function dataPrepare()
{
   // тут готовите свои данные так, как хотите и отдаете их вызывающей функции
}

@Triblaid · 19.07.2018, 09:40 **[ТС]**

Не получилось. Контроллер не может разбить пришедший объект на переменные.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function dataSend() {
    document.getElementById('data').value = dataPrepare();
    document.redirect.submit();
}
function dataPrepare() {
    var stc1 = document.getElementById("ChannelId").options.selectedIndex;
    var channelId = document.getElementById("ChannelId").options[stc1].value;
    var stc2 = document.getElementById("ContractId").options.selectedIndex;
    var сontractId = document.getElementById("ContractId").options[stc2].value;
 
    var data = {
        year: document.getElementById("YearId").value,
        channelId: channelId,
        contractId: сontractId
    };
}

Добавлено через 3 минуты
Так он передает объект, а нужно три переенные из data

JavaScript
1
2
3
  year: document.getElementById("YearId").value,
        channelId: channelId,
        contractId: сontractId

Добавлено через 8 минут
Получается вот так. Но тогда в браузерной строке видно все отравленные данные. Понимаю что так и должно быть, но можно это как-то скрыть от пользователя?

JavaScript
1
2
3
4
5
var stc1 = document.getElementById("ChannelId").options.selectedIndex;
    var channelId = document.getElementById("ChannelId").options[stc1].value;
    var stc2 = document.getElementById("ContractId").options.selectedIndex;
    var сontractId = document.getElementById("ContractId").options[stc2].value;
    window.location.href = '/MonthDaysWorks/View?channelId=' + channelId + '&contractId=' + сontractId + '&year=' + 2018;

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@Triblaid 0 / 0 / 1 Регистрация: 16.04.2016 Сообщений: 75
	18.07.2018, 21:39 [ТС]
	Можете показать как это сделать? (HTTP) 0

@maxoun 21 / 44 / 11 Регистрация: 08.02.2018 Сообщений: 443
	18.07.2018, 22:38
	Triblaid, Хотя не надо так мучаться. при создании сылки к примеру <a href=index.php?name=value&age=value&>... ..</a> где параметры и значения ставляй свои , а в index.php они попадут GET параметром 0

@Triblaid 0 / 0 / 1 Регистрация: 16.04.2016 Сообщений: 75
	18.07.2018, 22:45 [ТС]
	Так я бы просто отправил через хелпер (ASP.Net), но вот требуют, чтобы отправка через JS была, а не где просто способа не нашел. 0

@Triblaid 0 / 0 / 1 Регистрация: 16.04.2016 Сообщений: 75
	18.07.2018, 23:08 [ТС]
	GET - если правильно понял 0

@Triblaid 0 / 0 / 1 Регистрация: 16.04.2016 Сообщений: 75
	18.07.2018, 23:47 [ТС]
	Там я уже сам с ними разберусь мне главное их отправить в контролер 0

@Triblaid 0 / 0 / 1 Регистрация: 16.04.2016 Сообщений: 75
	19.07.2018, 08:35 [ТС]
	Это ведь обычная форма, а вот чтобы из JS "data" отправить, можно как-то? 0

Dmitry 13440 / 7534 / 830 Регистрация: 09.09.2009 Сообщений: 29,554
	19.07.2018, 08:38
	submit формы как раз и отправляет все данные на адрес, указаныый в action 0

@Triblaid 0 / 0 / 1 Регистрация: 16.04.2016 Сообщений: 75
	19.07.2018, 08:45 [ТС]
	Вот на счет всех, как раз сложности, в JS я собираю нужные мне файлы, это макет модели, которая в контролере уже преобразуется в готовую модель с которой можно дальше работать. Понимаю возможно что-то не так говорю по правилам верски, я с JS и HTML не привык работать, мне бы просто бы просто отправить именно вот эту собранную конструкцию на адрес, дальше его обработает уже C# контролер. 0