Отправьте знак "@", содержащий данные, через Ajax

Question

Мой код похож на Ниже.

$.ajax({               
    url:'http:://www.sample.com/checkmail/'+$('#txtemail').val(),
    success: function(data)
    {
        $('#response').html(data);
        if(data!="Success")                 
        {
            $('#txtemail').css("background-color","#FF8A8D");
        }
        else
        {
            $('#txtemail').css("background-color","white");
        }
    }
});

Выше код работает при передаче данных без знака '@'

Пример:

//passing Hello
txtemail = "Hello"

//ajax response message in firefox
GET http://www.example.com/checkmail/Hello 200 OK 503ms

Но если я передампо электронной почте, как показано ниже, выдает ошибку

Example: 
//passing hello
txtemail = "hello@eee.com"

//ajax response message in firefox
GET http://www.example.com/checkmail/hello@eee.com 400 Bad Request 26ms

Любые предложения Как решить эту проблему

Answer 1

Используйте encodeURIComponent() на адресе электронной почты.

url:'http://www.sample.com/checkmail/'+encodeURIComponent($('#txtemail').val()),

@ является зарезервированным символом в URL (для схемы username:password@domain) и должен кодироваться в процентах.

Answer 2

Вам нужно будет закодировать URL, как сказал Юникрон, вы также можете использовать функцию escape () для этого ....

url:'http://www.sample.com/checkmail/'+escape($('#txtemail').val())