I am aware of sending form values using the method=get

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

I have a textbox which captures email. When i submit form using the GET method the @ is converted to %40. I had read somewhere that Jquery could send the data across by serializing. How can it be done? Thanks

I am aware of sending form values using the method=get

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

I have a textbox which captures email. When i submit form using the GET method the @ is converted to %40. I had read somewhere that Jquery could send the data across by serializing. How can it be done? Thanks

• javascript
• jquery
• ajax
• webforms

• I'm not quite sure what your question is here. Is it about making the @ not escaped? Since that's correct behavior: the whole point is that it gets escaped, so that your server-side code can read it correctly, without the request being misinterpreted. Sending the form via AJAX won't change that. – Matchu Commented Sep 28, 2010 at 16:42

2 Answers 2

If you want to submit a form using jQuery serialize() and GET method, you can do something like this:

If you use 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 you can get email like this:

$_GET['email']

More Detail:

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

You can use NAVEED's answer to send all the form. Although if you want to send a single field you can use the second parameter of the get function.

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