En realidad, hay varios motivos por los que se puede originar este problema, el más común es la codificación de caracteres HTML, puedes añadir
<!-- Desde HTML5 -->
<meta charset="UTF-8" />
<!-- Antes de HTML5 -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Si el problema persiste, algo está causando el mismo en el backend puedes usar htmlentities
para arreglar esto
<?php
if(!empty($_POST["codificar"])) { # !empty() para prevenir warning
print htmlentities($_POST["codificar"]);
}
?>
Tras esto, todos los caracteres especiales se convertirán en códigos únicos de codificado que HTML mostrará.
const result = JSON.parse('{"abc":"ñé..."}');
abc.innerHTML = result.abc;
p {
padding:23px;
font-family:Arial,
}
<p id="abc"></p>
O puedes usar JSON_UNESCAPED_UNICODE
con el json_encode
desde el backend.
print(json_encode("Este texto contiene acentos (á)", JSON_UNESCAPED_UNICODE)) // Este texto contiene acentos (á);
Si vas a guardar un texto con caracteres especiales en tu base de datos, usa htmlentities
, esto codificará todos los caracteres especiales, ejemplo: una comilla (") la convertirá a su equivalente, en "