Question

如何使用单击功能或在提交功能之前在控制台中显示JSON格式的表单数据？我正在将此用于带有JSON的表单

    <form enctype='application/json'>
  <input name='url[0][namme]' value=''>
  <select name='url[0][type]'>
    <option>Document</option>
    <option>Audio</option>
    <option>Video</option>
  </select>
  <input name='url[0][link]' value=''>   
      <button id="save" class="btn btn-default">Save</button>
       <button id="add" class="btn btn-default">ADD</button>


    </form>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript">
    var cont =0;
        $("#save").click(function () {
            $("form").submit(function () {

                return false;
            });

        })
        $("#add").click(function () {
            cont++;
            $("form").append("<br><input name='url["+cont+"][namme]' value=''>  <select name='url["+cont+"][type]'>     <option>Document</option>   <option>Audio</option>      <option>Video</option>  </select>  <input name='url["+cont+"][link]' value=''>");
        });

    </script>

Answer 1

试试这个：的console.log（JSON.stringify（数据））;

Answer 2

Enctype JSON不是有效值。因此，当您将表单元素的enctype属性设置为“application / json”时，它将恢复为“application / x-www-form-urlencoded”，这是enctype属性的默认值。浏览器尚未实现您使用的语法。

了解更多信息https://stackoverflow.com/a/38017366/2549901。

如何从<form enctype =“json”>中捕获数据

2 个答案: