jQueryUI autocomplete - encoding problem

Question

I have problem with encoding in jQueryUI Autocomplete. Server side application is PHP and send reply for this query with headers:

Content-Type: application/json, charset=UTF-8

Here is autocomplete code:

$('#city').autocomplete({
    source: 'ajax_get_cities.html',
    dataType: "json",
    minLength:3
});

When I type: kra (expected result is: Kraków) I get reply (copied from Firebug raw reply):

[{"city":"Krak\u00f3w"}]

and autocomplete doesn't display this result.
Database table, field, connection, PHP file, all is UTF-8.
Where is problem?

Update
This is server side problem, PHP application based on KohanaPHP 2.3.4 framework. Here is code to get and display result:

header('Content-Type: application/json, charset=UTF-8');
$mModel = new Partners_Model();
$str = $this->input->get('term', true);
$aCities = $mModel->getCitiesAjax($str);
echo json_encode($aCities);

When I disply $aCities array then I get correct string.

jave.web · Accepted Answer · 2017-01-31 20:26:09Z

2

The local data can be a simple Array of Strings, or it contains Objects for each item in the array, with either a label or value property or both.

add label property to your json response:

[{"label":"Krak\u00f3w"}]

DOCS: Autocomplete Widget | jQuery UI API Documentation - option "source"

edited Jan 31, 2017 at 20:26

jave.web

15.3k15 gold badges109 silver badges136 bronze badges

answered Sep 8, 2011 at 20:40

bsrykt

1,3459 silver badges9 bronze badges

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

1 Comment

jave.web Over a year ago

In current version, there is also an option to use function as data source :) (downside is that you have to do the search "yourself")

Kris Ivanov · Accepted Answer · 2011-09-08 20:12:25Z

0

add this to your autocomplete:

    contentType: "application/json; charset=utf-8"

answered Sep 8, 2011 at 20:12

Kris Ivanov

10.6k2 gold badges26 silver badges36 bronze badges

1 Comment

Grzegorz Gąsak Over a year ago

doesn't work, this is server side problem. When I try get this address direct in browser I get same result.

Collectives™ on Stack Overflow

jQueryUI autocomplete - encoding problem

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related