前端：
$("#save_config_btn").click(function(){
$.ajaxSetup({
cache:false,
contentType : "application/x-www-form-urlencoded; charset=utf-8"
});
var fields = $("#rss_form").serializeArray();
fields = JSON.stringify(fields) //中文会乱码
$.ajax({
type: "POST",
url : "edit.php",
data: fields,
success: function(msg){
alert(msg);
}
});
});
PHP：
<?php
header("Content-type: text/html; charset=UTF-8");
$data = $_POST['data'];
echo '<pre>';
print_r($data);
?>
通过 JSON.stringify 获取到的json格式如下：
[{ "name":"Bill" , "value":"Gates" },
{ "name":"George" , "value":"Bush" },
{ "name":"Thomas" , "value":"Carter" }]
PHP，这里POST的接收值不知道用什么，如果把上面的json字符串改成如下格式，那么PHP即可接受到并直接返回数组格式
{"data":[{ "name":"Bill" , "value":"Gates" },
{ "name":"George" , "value":"Bush" },
{ "name":"Thomas" , "value":"Carter" }]}
总结下主要想问两个问题：
1、JQuery如何把serializeArray()获取到的json对象转换为 第二种格式的json字符串 且保证中文不会乱码
2、或者php如何直接接收 json对象 或者 第一种格式的 json字符串
------解决方案--------------------
1、JQuery如何把serializeArray()获取到的json对象转换为 第二种格式的json字符串 且保证中文不会乱码
保证不乱码，需要在header加入
<meta http-equiv="content-type" content="text/html; charset=utf-8">
第二种数组格式
var fields = $("#rss_form").serializeArray();
var t = {};
t['data'] = fields
fields = JSON.stringify(t);
2、或者php如何直接接收 json对象 或者 第一种格式的 json字符串
用第一种json字符串提交例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<title> js test </title>
</head>
<body>
<script type="text/javascript">
var fields = [{ "name":"中文" , "value":"中文" },{ "name":"中文" , "value":"中文" },{ "name":"中文" , "value":"中文" }];
fields = "data=" + JSON.stringify(fields);
$.ajax({
type: "POST",
url : "demo.php",
data: fields,
success: function(msg){
alert(msg);
}
});
</script>
</body>
</html>
demo.php
<?php
$data = $_POST['data'];
file_put_contents('test.log', $data, true);
echo "ok";
?>
运行后：
test.log内容为[{"name":"中文","value":"中文"},{"name":"中文","value":"中文"},{"name":"中文","value":"中文"}]
如果没有加<meta http-equiv="content-type" content="text/html; charset=utf-8"> 则会乱码。
------解决方案--------------------
1、ajax 本身就是以 utf-8 编码传输，所以不需要再有 charset=utf-8 声明
2、jq 的 post 方式已经发了 application/x-www-form-urlencoded 头，也不需要你再劳动了
所以
$.ajaxSetup({
cache:false,
contentType : "application/x-www-form-urlencoded; charset=utf-8"
});
一段是不需要的。考虑的 IE 的缓存可能会影响效果，可以把 cache: false 作为 $.ajax 的参数 $.ajax({
cache: false,
type: "POST",