O .serialize(); pega todas as informações do form, porém com as acentuação diferente
ex: PÃO fica P%C3%83O , quando testo o app no localhost os acentos funcionam certinho mas quando hospedo fica assim PãO ???
Fiz este exmplo
<form name='meuForm' method='post' action='action' id='formStr'>
<input type='text' name='str1' value='palhação' id='str1' />
<input type='text' name='str2' value='Fábio' id='str2' />
<input type='submit' id='teste' valiue='testar' /> </form>
$( "form" ).on( "submit", function( e ) { e.preventDefault(); var str1 = $('#str1').val(); var formSerializado = $(this).serialize(); console.log( 'str1 = '+str1+', formSerializado = '+ formSerializado ); });
No console.log() fica
str1 = palhação, formSerializado = str1=palha%C3%A7%C3%A3o&str2=F%C3%A1bio
e gostaria de entender porque quando tenho o valor da var str1 o valor fica certo e quando serializo fica estranho, acredito ser o mesmo motivo que a minha app está dando problema de acentuação.
Para evitar problema no site uso <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
em todas as páginas.
Existe forma de codificar ao serializar?
<meta charset="utf-8">
para ter certeza do que está acontecendo.utf8_decode()
.