JSONデータをjQueryにわたす際に文字化け
MySQLからのデータをPHPでJSON形式に加工して、jQueryで表示させようしているのですが、
どうしても日本語だけ文字化けをしてしまい、エンコードを色々変えても文字化けしてしまい困っています。
どなたか助けていただけませんでしょうか?
-文字化け結果-
No:1 Title:¤Ç¤¤¿¡ªÂçÀ®¸ù¡ª
No:2 Title:¤³¤ì¤«¤é´èÄ¥¤ë¡ª
phpにアクセスしても文字化けはいたしません。
jQueryからアクセスをすると完璧に文字化けをしてしまいます。
json.php (UTF-8)
[
{
no: "1",
title: "できた!大成功!"
},
{
no: "2",
title: "これから頑張る!"
}
]
index.html (UTF-8)
<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc">
<title>jsonテスト</title>
<link rel="stylesheet" type="text/css" href="style/desktop.css">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.7.1");</script>
<script type="text/javascript">
jQuery(function(){
$.getJSON("./json.php",function(data){
$('p','#demo').remove();
$('#demo').append('<ul/>');
$.each(data,function(i,items){
$("<li/>",{
text:'No:'+items.no+' Title:'+items.title
}).appendTo('ul','#demo');
});
});
});
</script>
</head>
<body>
<div>
<div id="demo">
<h4>リスト</h4>
<p></p>
</div>
</div>
</body>
</html>
お礼
回答ありがとうございました!