Javascript 为 jQuery AJAX 创建 JSON 哈希数组答案

【问题标题】：Javascript Create JSON Hash Array for jQuery AJAXJavascript 为 jQuery AJAX 创建 JSON 哈希数组
【发布时间】：2011-02-18 05:17:29
【问题描述】：

我正在拼命尝试在 Javascript 中手动创建一个 JSON 样式的数组，以便通过 jQuery 的 AJAX 方法通过网络发送。

var fieldsobj = {fields:[]}
$(".fact_field", fact).each(function(index, field){
    var index  = $(field).attr("data-index");
    var name  = $(".fact_field_label", field).text().trim();
    var value  = $(".fact_field_value", field).text().trim();
    fieldsobj["fields"].push({index:index, name:name, value:value});
});
//...
$.ajax({
    type: 'PUT',
    url: url,
    data: fieldsobj,
    success: function(data){...
    },
    complete: function(){...
    }
});

我想要的是以下内容：

{fields => [{index:0, name:1, value:2},{...},{...}]}

我得到的是这样的：

 {"fields"=>{"0"=>{...}, "1"=>{..}, "2"=>{...}, "3"=>{...}}

我做错了什么？

【问题讨论】：

标签： javascript jquery ajax json

【解决方案1】：

当您将对象作为 data 属性传递时，jQuery 会将其作为 url 编码的表单参数（例如 foo=bar&moo=too）传递到正文中。我认为您想要的是通过正文传递 JSON。

获取json2.js written by uncle Crockford 并使用JSON.stringify（该库为仍然不支持它的浏览器提供功能）：

$.ajax({
    type: 'PUT',
    url: url,
    data: JSON.stringify(fieldsobj),
    contentType: "application/json",
    success: function(data){...
    },
    complete: function(){...
    }
});

别忘了设置contentType 属性！在 PHP 端，您可以使用json_decode 来解码原始正文内容：

$fieldsobj = json_decode(@file_get_contents('php://input'));

【讨论】：

太棒了！我之前尝试过 JSON.stringify 但我忘记了内容类型。

【解决方案2】：

这可能会有所帮助。

<ul>
    <li id="p1" data-age="40">John</li>
    <li id="p2" data-age="28">Jack</li>
    <li id="p3" data-age="50">Nash</li>
</ul>

<script>
var a = [];
$("li").each(function(i){
    var o = {};
    o.id = $(this).attr("id");
    o.age = $(this).attr("data-age");
    o.name = $(this).text();
    a.push(o);
});
console.log(a);
//var a = [{id:"p1",age:40, name:"John"},{id:"p2",age:28, name:"Jack"},{id:"p3",age:50, name:"Nash"}];
</script>

【讨论】：