この投稿は KtosMayCry によって最終編集されました: 2014-07-04 20:30:03 フロントエンド:
<br /> $("#save_config_btn").click(function(){<br /> <br /> $.ajaxSetup({<br /> cache:false,<br /> contentType : "application/x-www-form-urlencoded; charset=utf-8"<br /> });<br /> <br /> var fields = $("#rss_form").serializeArray();<br /> <br /> fields = JSON.stringify(fields) //中文会乱码<br /> <br /> $.ajax({<br /> type: "POST",<br /> url : "edit.php",<br /> data: fields,<br /> success: function(msg){<br /> alert(msg);<br /> }<br /> });<br /> <br /> });<br />
PHP:
<br /><?php<br />header("Content-type: text/html; charset=UTF-8");<br /><br />$data = $_POST['data'];<br /><br />echo '<pre class="brush:php;toolbar:false">';<br />print_r($data);<br /><br />?><br />
JSON.stringify で取得した json 形式は次のとおりです:
<br /> [{ "name":"Bill" , "value":"Gates" },<br />{ "name":"George" , "value":"Bush" },<br />{ "name":"Thomas" , "value":"Carter" }]<br />
PHP、受け取った値に何を使用すればよいかわかりませんここに POST します。上記の json 文字列を次の形式に変更すると、PHP は配列形式
<br /> {"data":[{ "name":"Bill" , "value":"Gates" },<br />{ "name":"George" , "value":"Bush" },<br />{ "name":"Thomas" , "value":"Carter" }]}<br />
を受け入れて直接返すことができます。 要約すると、2 つの主な質問がしたいと思います。
1. JQuery SerializeArray() はどのようにして json を取得しますか? オブジェクトは 2 番目の形式の json 文字列に変換され、中国語は文字化けしないことが保証されます
2. または、PHP はどのようにして json を直接受け取るのでしょうか?オブジェクトまたは最初の形式の json 文字列
--- ---解決策 --------------------1. JQuery は、serializeArray() で取得した json オブジェクトを 2 番目の形式にどのように変換しますか。 json 文字列は中国語で文字化けしないことが保証されています
が文字化けしないことを確認するには、
0e6c00085362e600446817339eebb23f
2 番目の配列形式
var field = $(" #rss_form").serializeArray();
var t = {};
t['data'] = field
fields = JSON.stringify(t);
2. またはphp はどのようにして json オブジェクトまたは json 文字列の最初の形式を直接受け取るのですか
最初のものを使用します。 json 文字列送信の例:
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /> <head><br /> <meta http-equiv="content-type" content="text/html;charset=utf-8"><br /> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script><br /> <title> js test </title><br /> </head><br /><br /> <body><br /> <script type="text/javascript"><br /> var fields = [{ "name":"中文" , "value":"中文" },{ "name":"中文" , "value":"中文" },{ "name":"中文" , "value":"中文" }];<br /> fields = "data=" + JSON.stringify(fields);<br /> $.ajax({<br /> type: "POST",<br /> url : "demo.php",<br /> data: fields,<br /> success: function(msg){<br /> alert(msg);<br /> }<br /> });<br /> </script><br /><br /> </body><br /></html><br />
demo.php
<br /><?php<br />$data = $_POST['data'];<br />file_put_contents('test.log', $data, true);<br />echo "ok";<br />?><br />
実行後:
test.log の内容は [{"name":" Chinese","value":"中文"},{"name":"中文","value":"中文"} ,{"name":"中文","value":"中文"}]
If
cbd199b209fff311d43d8cb60738e524
」が追加されていない場合、コードが文字化けします。 ------解決策---------
1. Ajax 自体は utf-8 伝送でエンコードされます。したがって、charset=utf-8 ステートメントは必要ありません
2. jq の post メソッドは既に application/x-www-form-urlencoded ヘッダーを送信しているため、これ以上作業する必要はありません。
それで
1段落も必要ありません。 IEのキャッシュが影響する可能性を考慮して、 $.ajax
$.ajaxSetup({<br /> cache:false,<br /> contentType : "application/x-www-form-urlencoded; charset=utf-8"<br /> });<br />
$.ajax({
cache: false,<br> type: "POST",<br>