jQuery to goto 양식의 URL a 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 문자열에 추가합니다 (그러나 양식 메소드 = 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

이에 대한 도와 주셔서 감사합니다 ...

내가 당신의 방법에 대해 뭔가 잘못하고 있는지 또는 내가 충분히 잘해야 할 일을 설명하지 않았는지 확실하지 않습니다 ...

나를위한 해결책은 이것입니다 ...

첫 번째 파일에는 AA 양식이 포함되어 있습니다 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; 

Vars로 URL을 형성하려는 값을 당기고 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;
} );