Cannot send special characters via jQuery ajax

Question

I am developing a webpage where user is searching for files using tags. I am using jQuery Ajax to do the remote call to the API (database). It all works fine when I use non special characters like a-z but fails when using for example åäö.

On the serverside I am using PHP. I print the tag to see if it "arrives" and all a-z works fine but the åäö is not displaying at all. They seem to not "arrive".

What can be wrong?

This is my jQuery code:

var tags = $('#tags').val();

$.ajax ({
    type: "POST",
    url: base_url + "search", 
    data: "tags=" + tags + "&limit=" + limit, 
    beforeSend: function (html) {
            $("#search_results").html("Searching for files...");
    },
    success: function (html) {
            $("#search_results").html(html);
    },
    error: function (html) {
            $("#search_results").html('Something went wrong!');
    }
});

This is my server side code:

echo ($_POST['tags']);

I search and looked at related questions about this here on SO but non helped me unfortunately.

UPDATE

Using this solved it! Works fine now.

{tags: encodeURIComponent(tags), limit: limit}

Try "tags=" + encodeURIComponent(tags) + "&limit=" + encodeURIComponent(limit), or {tags: tags, limit: limit}. — Rob W
– Rob W, Commented Jan 14, 2012 at 16:24
This don´t work either: data: "tags=" + encodeURIComponent(tags) + "&limit=" + limit — Jonathan Clark
– Jonathan Clark, Commented Jan 14, 2012 at 16:28

Vadim Gulyakin · Accepted Answer · 2012-01-14 16:26:08Z

13

Data (tags) must be encoded before sending it to server using encodeURIComponent()

answered Jan 14, 2012 at 16:26

Vadim Gulyakin

1,4319 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jonathan Clark Over a year ago

This don´t work either: data: "tags=" + encodeURIComponent(tags) + "&limit=" + limit

Vadim Gulyakin Over a year ago

Make sure that all parts of your flow are in UTF-8 check: HTML page; request encoding; server side encoding; AJAX.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8"); meta http-equiv="content-type" content="text/html; charset=UTF-8" Basically you will have to trace on which step character encoding is being lost.

shasi kanth Over a year ago

Thanks, it solved my issue with sending special characters in Jquery AJAX request in Internet Explorer.

Bugs · Accepted Answer · 2018-07-05 08:30:10Z

2

Below code is working fine for sending & and "" or any special characters via ajax call:

specialChar1= "JΛ̊KE#2@#*&($^@%#*@#%))*$&@*(""" ;
specialchar2 ="??&!!--##";
url = "/get/" + encodeURIComponent( specialChar1) +"/"+  encodeURIComponent ( specialchar2 )

edited Jul 5, 2018 at 8:30

Bugs

4,4799 gold badges34 silver badges41 bronze badges

answered Jul 5, 2018 at 8:16

satya prakash

971 silver badge5 bronze badges

Comments

GileBrt · Accepted Answer · 2019-07-04 13:46:56Z

0

You can achieve this by using JSON object.

For example:

[{"AttributeId":"4035","Value":"Street & House"}]

or, you can use URLencode before post.

edited Jul 4, 2019 at 13:46

GileBrt

1,8364 gold badges24 silver badges29 bronze badges

answered Feb 27, 2013 at 11:18

Anurag U R

12 bronze badges

Collectives™ on Stack Overflow

Cannot send special characters via jQuery ajax

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related