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

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

4 голосов
/ 23 октября 2009

Я довольно новичок в 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), в основном, я хочу, чтобы это произошло

по щелчку подтверждения Перейти к 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>

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

Andy

Ответы [ 3 ]

11 голосов
/ 23 октября 2009

jQuery serialize может помочь в простом случае, подобном описанному вами: 

$('#form').submit(function(){
  location.href = 'index.html'+$(this).serialize();
});
0 голосов
/ 24 октября 2009

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

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

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

первый файл содержит форму с 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>

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

0 голосов
/ 23 октября 2009

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

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

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

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

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