jquery для получения URL-адреса в форме отправки со значениями полей, добавленными к строке url

Question

Я довольно новичок в 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>

надеюсь, я выразился предельно ясно - я был бы очень признателен за любую помощь!

Энди

Answer 1

спасибо вам обоим за вашу помощь в этом...

Я не уверен, делал ли я что-то не так с вашими методами или я недостаточно хорошо описал, что мне нужно было сделать...

Решение, в конце концов, для меня было таким...

первый файл содержит форму с 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-адреса.(Мне нужны были они в этом конкретном формате - не могу поделиться ссылкой, пока проекты не появятся в продаже, но я могу опубликовать на следующей неделе, если хотите.)

Answer 2

Сериализовать jQuery может помочь в простом случае, подобном тому, который вы описываете:

$('#form').submit(function(){
  location.href = 'index.html'+$(this).serialize();
});

Answer 3

Вы все поняли почти правильно.

var firstName = $("#firstName").val();
var surname = $("#surname").val();

location.href = "index.html?firstName=" + firstName + "&surname=" + surname

Конечно, вы могли бы создать функцию, которая принимает список пар ключ / значение в объекте, и сделать это универсальным, но вы поняли идею.

$('#submit').click( function() { 
location.href = "";
return false;
} );