Передача параметров в url средствами jquery ajax
Всем привет.
Есть необходимость добавить GET параметры используя jquery ajax при клике кнопке. Например есть код Код:
<button id="20" class="click">Click me</button>Код:
myapp.com/mainpage.jsp?check=20- При клике, чтобы открывался pop-up, в котором есть код, который берёт значение параметра check; - выполняет выборку из базы; - отображает результат. Код:
<c:if test="${not empty param.check}">Код:
<a href="?check=21" class="click">Click me</a>Код:
$(document).ready(function() {Код:
<%=request.getParameter("check") %> |
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('button').click(function(){
var url='myapp.com/mainpage.jsp?check='+this.id;
alert(url);
});
});
</script>
</head>
<body>
<button id="20" class="click">Click me</button>
<button id="21" class="click">Click me</button>
<button id="22" class="click">Click me</button>
</body>
</html>
|
Добрый день, уважаемые! у меня стоит похожий вопрос, но выбирается 2 параметра, только потом происходит переход.
Не могу найти решение следующей задачи: страничка состоит из 2х частей. В первой части блоки div с параметрами(1-население, 2-средний возраст, 3-средняя зарплата и т.д.).Каждый параметр имеет ссылку((href="/main/Gorod.php?action=X)). Во второй части список городов.Каждый город имеет ссылку(href="/main/Gorod_inf.php?gorod=Y". Где X и Y -порядковые номера. Выглядит примерно так: _______________________ .....часть1...........часть2..| |.1параметр...|...1город....| |.2параметр...|...2город....| |.3параметр...|...2город....| |..................|.................| |.Xпараметр...|...Yгород....| _______________________ Если пользователь выберет город, то во второй части блок отобразит информацию из вики о городе, при этом останется возможность выбрать параметр. Вот тут то при выборе параметра должно произойти слияние ссылок,формирование единой и переход по ней. Что то вроде /main/gorod.php?action=$X&gorod=$Y. Какие есть варианты? если есть пример,было бы замечательно.. |
Цитата:
а) 2параметр и 2город получают каждый таковую ссылку? б) 2параметр и 2город уже единый текст для единой ссылки? |
Если пользователь выбрал 2 параметр и 2 город, формируется такая ссылка: href="/main/Gorod_inf.php?gorod=2&action=2"
|
Цитата:
К тому же, сперва было написано так - Если пользователь выберет город, то во второй части блок отобразит информацию из вики о городе, при этом останется возможность выбрать параметр. То есть о втором условии ни слова. Вы уж пропишите все "И", иначе никто гадать не станет, что, когда и где требуется. |
Если пользователь выберет город, то в блоке где были города,появится информация из вики о городе и "запомнится" соответствующий raj=X, После чего пользователь выберет параметр, который его интересут, тем самым запомнится 2я переменная action=Y, ссылка будет сформирована из двух параметров, браузер направит пользователя на страницу /main/Gorod_inf.php?gorod=X&action=Y. Надеюсь, понятно объясняю. То есть ,переход по ссылке осущетсвится только когда пользователь выбрал и город, и параметр
|
Цитата:
От вас просят описать все условия, а вы видимо не обдумали все возможные ситуации, словно пользователь будет выбирать так, как вы этого ожидаете. И хорошо бы привести пример реального html-кода (части), а не абстракции "страница разделенная пополам", ибо не понять связаны ли ваши пары ссылок как либо, или же удобно обращаться к ним по общему родителю, и т.п. |
Нашел такое решение:
($_GET["gorod"].) <form action="script.php" method="get" > <input type="submit" name="action" value="Воронеж"> Таким образом, при щелчке на кнопку "Воронеж" произойдет переход на адрес script.php?action=Воронеж. Теперь проблема в следующем, значение value пишется и в url и на кнопку.. Ответ сам не нашел, к сожалению. Хотелось бы дописать <input type="submit" name="action" value="Воронеж" id="1"> И чтобы на кнопке была надпись Воронеж,а в адресную строку попадало значение id |
И как это найденное решение можно сопоставить с тем, что было описано ранее? Ну а коли так и надо, то
<form action="script.php"> <input type="hidden" name="action" value="1"> <input type="submit" value="Воронеж"> </form> По умолчанию форма передается методом GET, то есть method="get" можно и опустить. |
Благодарю, это и было необходимо:thanks:
Видимо, не умею грамотно описывать задачу. |
Почти ничего не понял. GET'овые ссылки генерятся как текст и вставляются в атрибут href элемента <a>. Нажал - и перешел. Или ссылка генерится как текст и вставляется в атрибут action формы. Тогда нажал кнопку - ушуршало. Или ссылка сразу же вставляется в location.href для немедленного перехода. Как угодно, это же get
|
А если так: город выбирается из селекта, а параметры это кнопки. Без привязки к форме осуществить формирование сылки.
пишу функцию: $.ajax({ type: "GET", url: url+'?action='+$(this).attr('action') +'&gorod='+$('select').attr ('this.value'), Для кнопок присвоил значения action и он генерируется в url, а параметр value из select =undefined. Что я делаю не так? |
Цитата:
$('select').val()
|
исправил, но проблема не в этом. У меня селект формируется из файла
<select class="spisok" name="gorod"> <?php $count = count($arr_gorod); for ($i = 1; $i < $count; $i++) ?> Как мне эту переменную i приписать в url? она по сути и является необходимым значением. |
jestify,
а что мешает прописать Цитата:
|
не понял, что вы имеете в виду?
|
jestify,
в value у вас пусто, пропишите значение нужное вам |
Пишу value="i" - не выходит
|
Цитата:
Откуда вы такие лезете. Синтаксис-то надо знать, или кто его будет знать? |
| Часовой пояс GMT +3, время: 01:36. |