Javascript 发送和处理表单数据

我有一个表单要发送到saveConfig.php，以便将数据保存到MySQL数据库中。我想通过选择的表格选项，以及总数

<form id="configSave" action="" class="hide-submit">
<div class="btn-configure" id="configSave">
<span class="pcButtonText">
Save
</span>                                               
</div>

<ul id="radio" class="input-list">
  <li>
    <input id="item-1" name="config-prod" value="1.00" type="radio" onchange="updateTotal();">
    <label for="item-1">Item 1</label>
  </li>
  <li>
    <input id="item-2" name="config-prod" value="2.00" type="radio" onchange="updateTotal();">
    <label for="item-2">Item 2</label>
  </li>
  <li>
    <input id="item-3" name="config-prod" value="3.00" type="radio" onchange="updateTotal();">
    <label for="item-3">Item 3</label>
  </li>
</ul>

<select id="plist" name="partlist" onchange="save();">
  <option value="99.99">CPU 1</option>
  <option value="123.00">CPU 2</option>
  <option value="250.54">CPU 3</option>
</select>
</form>
<br>
Total: <input id="total" type="text">

<script>
        $('#configSave').on('click', function () {
            alert("ok");
            $.ajax({
                url: 'saveConfig.php',
                type: "POST",
                data: $('#configSave').serialize(),
                dataType: "JSON",
                contentType: 'application/json;charset=UTF-8',
                success: function (data) {
                    alert('saved');
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(errorThrown);
                }
            });
        });
    </script>

拯救


项目1


项目2


项目3


中央处理器1
中央处理器2
中央处理器3


总数：
$（'#configSave'）。在（'单击'，函数（）{
警报（“正常”）；
$.ajax({
url:'saveConfig.php'，
类型：“POST”，
数据：$（'#configSave'）。序列化（），
数据类型：“JSON”，
contentType:'application/json；charset=UTF-8'，
成功：功能（数据）{
警报（“已保存”）；
},
错误：函数（jqXHR、textStatus、errorshown）{
警报（错误抛出）；
}
});
});

在PHP文件中，如何访问表单数据以便将其保存到数据库中？ 我收到以下错误消息：

SyntaxError: Unexpected token < in JSON at position 2

SyntaxError:JSON中位置2处的意外标记<

该错误意味着到达PHP服务器的JSON字符串格式不正确。格式不正确的原因是无法序列化

。serialize方法用于序列化表单元素

更改：

data: $('#configSave').serialize(),

致：

---

该错误意味着到达PHP服务器的JSON字符串格式不正确。格式不正确的原因是无法序列化

。serialize方法用于序列化表单元素

更改：

data: $('#configSave').serialize(),

致：