Como enviar dados para outra página utilizando ajax?

[Wesley R 0]

Olá a todos!

Criei um pequeno formulário em html e também um arquivo javascript onde é feito a validação dos campos. Este javascript é acionado por um evento onsubmit.

Minha dúvida é a seguinte: já que eu peguei todos os valores dos campos e armazenei dentro de variáveis , ainda dentro desta função ( Validator() )eu podeira enviar essas variáveis para outra página usando ajax antes que ele seja submetido? Tendo em vista que eu não coloquei link no action?

Se isso for possível, como fica o código para enviar as variáveis com ajax?

<form name="frm" action="#" method="post" onSubmit="return validator();">
            <fieldset>
                     <div class="row">
                        <section class="col col-12">
                           <label class="input">
                     
                           </label>
                        </section>
                     </div>
                  </fieldset>
               
               
               <fieldset>

                  <div class="row">
                     <section class="col col-6">
                        <label class="input">
                           <i class="icon-prepend fa fa-user"></i>
                           <input type="text" name="first_name" placeholder="First Name" value="">
                        </label>
                     </section>


                     <section class="col col-6">
                        <label class="input">
                           <i class="icon-prepend fa fa-user"></i>
                           <input type="text" name="last_name" placeholder="Last Name" value="">
                        </label>
                     </section>

                  </div>
                  <div class="row">
                     <section class="col col-6">
                        <label class="input">
                           <i class="icon-prepend fa fa-envelope"></i>
                           <input type="text" name="email" placeholder="Email" value="">
                        </label>
                     </section>

                     <section class="col col-6">
                        <label class="input">
                           <i class="icon-prepend fa fa-phone"></i>
                           <input type="text" name="phone" placeholder="Phone" value="">
                        </label>
                        <input type="submit" class="btn-u pull-right" value="Enviar" />
                     </section>
                  </div>
               </fieldset>
               </form>

Validação com javascript

function validator(){

var first_name = document.frm.first_name.value;
var last_name = document.frm.last_name.value;
var email = document.frm.email.value;
var phone = document.frm.phone.value;


    if(first_name ==""){

       alert("The First Name field is required.");

           return false;

    } 
    if(last_name ==""){

        alert("The Last Name field is required.");

           return false;

    } 
    if( email =="" || email.indexOf('@')==-1 || email.indexOf('.')==-1){

        alert("The Email field must contain a valid email address.");

           return false;
    }
    if(phone ==""){

        alert("The Phone field is required.");

           return false;
    } 
}

[William Bruno 1501]

Exemplo:

http://stackoverflow.com/questions/9713058/sending-post-data-with-an-xmlhttprequest