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

101

Lici

вчера

Есть на странице форма типа калькулятора на JS, которая в ответ на запрос пользователя выдает определенный список данных.

К примеру, человек вбивает в поле цвет "зеленый", в поле форма "квадратное" и в результате получает ниже выкладку всего зеленого и квадратного, что есть в базе данных.

А если нужно пользователя отправить на эту выкладку то нужно дать ему ссылку, которая за него заполнит поля "цвет"-зеленый и "форма"-квадратное и жмякнет кнопку "найти".

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

Как это сделать?

Пожаловаться

Ответы (4)

Сортировать по:

pavel_salauyou

Пожаловаться вчера

можно передавать параметры в хэш в url, exmple.com#color=green, а потом в js парсить и устанавилвать значение.
Нравится 2 комментария Поделиться

Facebook Вконтакте Twitter Google
Lici

Пожаловаться вчера

myserver/action?myParam=2
var myParam = location.search.split('myParam=')[1]

так?

pavel_salauyou

Пожаловаться 14 часов назад

вот так - example.com#color=green, location.hash (color=green)
L3n1n

Пожаловаться вчера

1. Использовать в php $_GET
2. Парсить урл stackoverflow.com/questions/979975/how-to-get-the-...
Нравится 3 комментария Поделиться

Facebook Вконтакте Twitter Google
Lici

Пожаловаться вчера

1) php нет, будет использовано, только если ну вообще никак не работает без него.
2) парсинг url позволит заполнить, я так понимаю, поля ввода

http://myserver/action?myParam=2 var myParam = location.search.split('myParam=')[1]

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

L3n1n

Пожаловаться вчера

У вас де есть функция которая ищет? Вот и создайте условие если данные с урл то искать по myParam.

victorvsk

Пожаловаться вчера

@Lici нажать на кнопку формы можно так:
var myParam = location.search.split('myParam=')[1]; if( myParam ) { document.getElementById('myInput').value = myParam; document.getElementById('myForm').submit(); }
cybermerlin

Пожаловаться вчера

на страницах должна быть eval функция.
а в ссылке можно прям код випсывать. но учтите ограничение по длине url
лучше сделать предопределенный набор параметров и клиенту давать ссылку в параметре которой будет хэш на тот или иной набор параметров (конечно предстоит работенка по генерации всех наборов..., но зато проблем с длиной не будет

Нравится Поделиться

Facebook Вконтакте Twitter Google
HaJIuBauKa

Пожаловаться вчера

Ну так и используйте для этого форму, а потом:
$('#formID').serialize(); // это библиотека jQuery
Это и будет ваша форма выраженная в параметрах URL. Дальше пихайте это куда угодно

Нравится Поделиться

Facebook Вконтакте Twitter Google