jQuery ajax/post response encoding

Question

I have a problem with json encoded information which loaded via ajax.

The PHP code (test.php):

<?php
  $val1 = 'Productmanager m / f';
  $val2 = 'test';
  $arr = array('first' => $val1, 'second' => $val2);
  echo json_encode($arr);
?>

The JavaScript code inside a html file:

$(document).ready(function() {
  $.post("test.php", function(data){
    var response = $.parseJSON(data);
    console.log(response.first);
    console.log(response.second);
  }
});

And the result in console looks like:

Productmanager&#x20;m&#x20;&#x2f;&#x20;f

and

test

Both files are UTF-8 encodet.

I´m realy dont know why and how to convert it back to a readable string. You may have an idea how this can occur?

I have found no suitable solution at first go, just search&replace approaches.

Works fine after update!

Khazl
– Khazl

2012-04-22 17:03:28 +00:00
Commented Apr 22, 2012 at 17:03 — Khazl
– Khazl, Commented Apr 22, 2012 at 17:03

iambriansreed · Accepted Answer · 2012-04-22 17:26:39Z

3

Add the correct PHP header and decode the string:

<?php
  header("Content-type: application/json");
  $val1 = "Productmanager m / f";
  $val2 = "test";
  $arr = array("first" => $val1, "second" => $val2);
  echo json_encode($arr);
?>

<script>

    $(document).ready(function() {
      $.post("test.php", function(data){
        var response = $.parseJSON(data);
        console.log(htmlDecode(response.first));
        console.log(response.second);
      }
    });

function htmlEncode(value){
  return $('<div/>').text(value).html();
}

function htmlDecode(value){
  return $('<div/>').html(value).text();
}

</script>

edited Apr 22, 2012 at 17:26

answered Apr 22, 2012 at 15:14

iambriansreed

22.3k6 gold badges66 silver badges81 bronze badges

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

1 Comment

Khazl Over a year ago

ok, then i have to remove the "var response = $.parseJSON(data);" and the result is the same

Peeyush · Accepted Answer · 2012-04-22 15:10:33Z

0

you can try this for your test.php

<?php
  $val1 = 'Productmanager m / f';
  $val2 = 'test';
  $arr = array('first' => $val1, 'second' => $val2);
  echo json_encode($arr, JSON_UNESCAPED_UNICODE);
?>

answered Apr 22, 2012 at 15:10

Peeyush

4,90817 gold badges67 silver badges93 bronze badges

2 Comments

Khazl Over a year ago

ends in an empty response :-/

Peeyush Over a year ago

you should have PHP version 5.4.0 to work with that JSON_UNESCAPED_UNICODE option so can you just try to run yout test.php file and see what output it is giving

Hüseyin BABAL · Accepted Answer · 2012-04-22 16:49:40Z

0

Could you please try this?

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "test.php",
        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
        dataType: 'json',
        success: function(data) {
            var response = $.parseJSON(data);
                console.log(response.first);
                console.log(response.second);
        }
    });
});

You can set character encoding for ajax requests by using "contentType"

On your php side, your code must be like ;

<?php
  $val1 = 'Productmanager m / f';
  $val2 = 'test';
  $arr = array('first' => $val1, 'second' => $val2);
  echo json_encode($arr, JSON_UNESCAPED_UNICODE);
?>

Important note: JSON_UNESCAPED_UNICODE works with php 5.4.0!!

edited Apr 22, 2012 at 16:49

answered Apr 22, 2012 at 15:04

Hüseyin BABAL

15.6k5 gold badges53 silver badges74 bronze badges

2 Comments

Khazl Over a year ago

i try this, but have to remove the $.parseJSON, because the response is already parsed. the result was the same.

Khazl Over a year ago

My webspace runs with PHP 5.3.10

Collectives™ on Stack Overflow

jQuery ajax/post response encoding

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related