2010-09-28 9 views
6

Ich bin mir bewusst Form Werte des Sendens unter Verwendung des Verfahrens = getWie schließe ich ein Formular mit get-Methode in jquery

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

ich eine Textbox haben, die E-Mail erfasst. Wenn ich das Formular mit der GET-Methode absende, wird @ in% 40 konvertiert. Ich hatte irgendwo gelesen, dass Jquery die Daten durch Serialisierung übertragen konnte. Wie kann es gemacht werden? Dank

+0

Ich bin nicht ganz sicher, was Ihre Frage ist hier. Geht es darum, das '@' nicht zu entkommen? Da ist das richtige Verhalten: Der entscheidende Punkt ist, dass es maskiert wird, so dass Ihr serverseitiger Code es richtig lesen kann, ohne dass die Anfrage falsch interpretiert wird. Das Senden des Formulars über AJAX wird das nicht ändern. – Matchu

Antwort

12

Wenn Sie ein Formular mit jQuery serialize() und GET-Methode einreichen möchten, können Sie etwas tun:

Wenn Sie PHP:

Form:

<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 können Sie E-Mail wie folgt erhalten:

$_GET['email']

Mehr Detail:

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

+0

Danke Naveed .. das ist genau das, was ich wollte :) – Prady

+0

@Prady: Willkommen – NAVEED

+0

Außer Sie können keine E-Mail mit $ _GET ['E-Mail'] in einer HTML-Seite, es hätte entweder die. PHP oder. phtml-Erweiterung (es sei denn, Sie setzen Apache, um die CGI-SCRIPT-Engine für .HTML Erweiterungen zu aktivieren) –

1

Sie können Naveed Antwort verwenden alle das Formular senden . Wenn Sie jedoch ein einzelnes Feld senden möchten, können Sie das second parameter of the get function verwenden.

jQuery.get (url, [data] [Rückruf (Daten, textStatus, XMLHttpRequest)], [datatype])

Verwandte Themen