2010-09-28 8 views
6

Sono consapevole di mandare i valori della forma con il metodo = ottenereCome faccio a inviare un modulo utilizzando il metodo get in jQuery

<FORM METHOD=get ACTION="test.html"> 

Ho una casella di testo che cattura e-mail. Quando invio modulo utilizzando il metodo GET, @ viene convertito in% 40. Avevo letto da qualche parte che Jquery poteva inviare i dati attraverso la serializzazione. Come può essere fatto? Grazie

+0

Io non sono molto sicuro di quello che la tua domanda è qui. Si tratta di rendere '@' non sfuggito? Dal momento che questo è il comportamento corretto: il punto è che viene sfuggito, in modo che il codice lato server possa leggerlo correttamente, senza che la richiesta venga interpretata erroneamente. L'invio del modulo tramite AJAX non lo cambierà. – Matchu

risposta

12

Se si desidera inviare un form utilizzando jQuery serialize() e il metodo GET, si può fare qualcosa di simile:

Se si utilizza PHP:

Forma:

<form action='test.php' method='GET' class='ajaxform'> 
    <input type='text' name='email'> 
</form> 

jQuery:

jQuery(document).ready(function(){ 

    jQuery('.ajaxform').submit(function() { 

     $.ajax({ 
      url  : $(this).attr('action'), 
      type : $(this).attr('method'), 
      data : $(this).serialize(), 
      success : function(response) { 
         alert(response); 
         } 
     }); 

     return false; 
    }); 

}); 

In test.php è possibile ottenere e-mail come questa:

$_GET['email']

Più particolare:

http://api.jquery.com/jQuery.ajax/

+0

Grazie Naveed .. questo è esattamente quello che volevo :) – Prady

+0

@Prady: Benvenuto – NAVEED

+0

Tranne che non puoi ricevere email con $ _GET ['email'] in una pagina html, sarebbe necessario avere o il file .php o. estensione phtml (a meno che non imposti apache per attivare il motore CGI-SCRIPT per le estensioni .html) –

1

È possibile utilizzare la risposta di Naveed di inviare tutto il modulo . Sebbene tu voglia inviare un singolo campo puoi usare lo second parameter of the get function.

jQuery.get (url, [i dati], [callback (dati, textStatus, XMLHttpRequest)], [dataType])

Problemi correlati