`$('#form').serialize()` Messes Up Utf-8 Characters

I'm inserting a form with AJAX and I'm using: $('#form').serialize() to get all the input and send it to insert.php. The problem is that characters like á become %A9 and such. How

Solution 1:

Jquery serialize() serializes as UTF-8. So á becomes the correct UTF-8 encoding %c3%a1. Try using the $_REQUEST as that is already decoded as per the php documentation. here

Solution 2:

The final step you need to do is to decode in your PHP file like this:

$usuario=utf8_decode($_POST['nombre']);

I use to combine utf8_decode() with htmlspecialchars() before sending datas to the database:

$nombres = utf8_decode(htmlspecialchars($_POST['nombres']));