发送和处理表单数据

时间:2019-06-01 14:41:48

标签: javascript php json ajax

我有一个要发送到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>

在PHP文件中,如何访问表单数据,以便将其保存到数据库中? 我收到此错误消息:

SyntaxError: Unexpected token < in JSON at position 2

1 个答案:

答案 0 :(得分:1)

该错误表示到达PHP服务器的JSON字符串格式错误。格式错误的原因是您无法序列化<div>。序列化方法旨在序列化表单元素Encode a set of form elements as a string for submission.

更改:

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

收件人:

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