JSON构造函数通过AJAX将Javascript对象POST


JSON constructor to POST Javascript object via AJAX

我有一个自定义的客户端电子商务构建,其中包含需要发送到服务器进行哈希处理的输入,然后才能发布表单。

基本设置包含两个选择字段,一个用于风味名称,另一个用于对应的数量。用户可以添加附加风味,添加另一组风味名称和数量选择。

由于风格的数量(及其数量)是动态的,我需要在通过AJAX发布表单之前对这些值进行散列。

如何为下面的JSON示例创建构造函数,以便通过JSON.stringify() 将用户值发布到我的PHP脚本中

我想要的基本JSON格式:

var flavorSelection {
  flavor1 : ["Bacon", "1"],
  flavor2 : ["Cheezy", "2"],
  flavor3 : ["Cheezy", "1"]
}

样本选择字段

<div>
<select name="flavors">
    <option name="bacon" value="bacon">Bacon</option>
    <option name="cheezy" value="cheezy">Cheezy</option>
</select>
<select name="qty">
    <option name="1" value="1">1</option>
    <option name="2" value="2">2</option>
</select>
</div>

您需要调整html标记以将数组发送到服务器

<div>
<select name="flavors[]">
    <option name="bacon" value="bacon">Bacon</option>
    <option name="cheezy" value="cheezy">Cheezy</option>
</select>
<select name="quantities[]">
    <option name="1" value="1">1</option>
    <option name="2" value="2">2</option>
</select>
</div>

不确定这是否是最好的方法,但您需要依靠数组索引来配对数据。

您可以通过以下方式轻松地循环和构建json:

$flavors = $_POST['flavors'];
$quantities = $_POST['quantities'];
$json = array();
for($i = 1; $i <= count($flavors) $i++){
    $json[] = array('flavor'.$i => array( 
                         flavors[$i], quantities[$i]  
                    ));
}
echo json_encode($json);

这将为您提供所需的json,不过我不知道哈希。

您可以执行以下操作:

<div>
<select name="flavors[]">
    <option name="bacon" value="bacon">Bacon</option>
    <option name="cheezy" value="cheezy">Cheezy</option>
</select>
<select name="qty[]">
    <option name="1" value="1">1</option>
    <option name="2" value="2">2</option>
</select>
</div>

在PHP中,当您在表单输入名称后使用[]时,$_POST["field_name"]将接收一个数组。

如果您有3种不同的口味,那么$_POST["flavors"]将收到一个值为"风味一"、"风味二"answers"风味三"的数组。

您的$_POST["qty"]将以相同的顺序收到一个具有相应数量口味的数组。

然后使用jQuery.serialize()格式化要使用jQuery.ajax()提交的表单数据。