如何以html格式序列化所有數據

Question

我正在用html進行常規表單提交，由於某種原因，這一次它根本無法正常工作。

我整理了一些小提琴（ https://jsfiddle.net/qrfoanh2/ ）：

  $(document).ready(function () { $('#formy').on('submit', function(e) { e.preventDefault(); var data = $('#formy').serialize(); $(".miejsce").html(data); }); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="formy"> <div class="form-group row"> <label for="inputEmail3" class="col-sm-2 col-form-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="row"> <legend class="col-form-label col-sm-2 pt-0">Radios</legend> <div class="col-sm-10"> <div class="form-check"> <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios1" value="option1" checked> <label class="form-check-label" for="gridRadios1">Reset zegara odblokowania dni</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="gridRadios" id="gridRadios2" value="option2"> <label class="form-check-label" for="gridRadios2">Edycja dni subskrypcji</label> </div> </div> </div> <div class="form-group row"> <div class="col-sm-10"> <button type="submit" class="btn btn-primary" onclick="action();"> - GO : GO - </button> </div> </div> </form> <div class="miejsce" style="background:#ddd;width:100%;height:200px;"></div> 

我想序列化表單數據，但是由於某種原因，我只獲得單選框信息，而沒有從文本輸入字段中獲得帶有電子郵件的數據。 請幫忙

Answer 1

給您的input [type =“ email”]標簽添加名稱屬性。 提交表單時，表單輸入將在請求中按名稱引用。

          <input type="email" name="email" class="form-control" id="inputEmail3" placeholder="Email">

我更新了您發布的小提琴。