jquery для получения URL-адреса в форме отправки со значениями полей, добавленными к строке url
Вопрос
Я довольно новичок в jquery и думаю, что это просто, но я испытываю трудности, а Google, похоже, не помогает....
То, что у меня есть, - это базовая форма...
<form>
First Name: < input type="text" name="firstName" id="firstName" />
Surname: < input type="text" name="surname" id="surname" />
<input type="submit" id="submit" value="submit"/>
</form>
Теперь, когда нажата кнопка отправки, я хочу перейти к URL, но затем добавить значения fromsв строку url (но не используя метод form = get) в основном я хочу, чтобы это произошло
при нажатии кнопки отправить goto http://myurl.com/index.html?params=firstNamevalue*surnamevalue
Я покопался в jquery, но там, где я нахожусь, это что-то вроде этого...
< script src="http://www.google.com/jsapi" type="text/javascript">< /script>
< script type="text/javascript">
google.load("jquery", "1.3.1");
</script>
< script type="text/javascript">
var = firstName $("#firstName").val();
var = surname $("#surname").val();
$('#submit').click(function(){
window.location = ???;
});
< /script>
надеюсь, я выразился предельно ясно - я был бы очень признателен за любую помощь!
Энди
Решение 3
спасибо вам обоим за вашу помощь в этом...
Я не уверен, делал ли я что-то не так с вашими методами или я недостаточно хорошо описал, что мне нужно было сделать...
Решение, в конце концов, для меня было таким...
первый файл содержит форму с method="get"
< form method="get" action="getParams.html">
First Name: < input type="text" name="firstName" id="firstName" />
Surname: < input type="text" name="surname" id="surname" />
< input type="submit" id="submit" value="submit"/>
< /form>
это указывает на получение параметров, и поскольку метод=get URL заканчивается на getParams.html?firstname=""&surname=""
Затем в getParams.html
страница эта просто используется для форматирования (как мне нужно) URL-адреса и перенаправления...
Я использовал прикрепленный jquery, за которым следует этот плагин http : // projects.allmarkedup.com/jquery_url_parser/
с помощью js:
var firstName = jQuery.url.param("firstName");
var surname = jQuery.url.param("surname");
location.href = 'http://myOnlineMag/issue01.html?params=' + firstName + '*' + surname;
извлекает нужные мне значения из URL-адреса в виде vars, затем прикрепляет их к концу моего URL-адреса.(Мне нужны были они в этом конкретном формате - не могу поделиться ссылкой, пока проекты не появятся в продаже, но я могу опубликовать на следующей неделе, если хотите.)
Другие советы
Сериализовать jQuery может помочь в простом случае, подобном тому, который вы описываете:
$('#form').submit(function(){
location.href = 'index.html'+$(this).serialize();
});
Вы все поняли почти правильно.
var firstName = $("#firstName").val();
var surname = $("#surname").val();
location.href = "index.html?firstName=" + firstName + "&surname=" + surname
Конечно, вы могли бы создать функцию, которая принимает список пар ключ / значение в объекте, и сделать это универсальным, но вы поняли идею.
$('#submit').click( function() {
location.href = "";
return false;
} );