Question

这是我写的HTML代码

  <html>
  <head>
    <!-- Load jQuery and the validate plugin -->
  </head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="bootstrap.min.css">
  <link rel="stylesheet" href="datepicker.css">
  <body>       
    <h1>&nbsp</h1>
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <form id="addMaterial-form">
            <div class="col-sm-12">
              <div class="form-group col-sm-offset-4 col-sm-8">
                <label for="materialCode">Material Code</label>
                <input type="text" class="form-control " id="materialCode" placeholder="Enter Material Code" name="materialCode"/>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="form-group col-sm-offset-4 col-sm-8">
                <label for="job">Description</label>
                <textarea class="form-control "  rows="5" id="description" placeholder="Enter Something" name="description"></textarea>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="form-group col-sm-offset-4 col-sm-8">
                <label for="purchaseDate">Date Of Purchase</label>
                <input type="text" class="form-control " id="purchaseDate" placeholder="Date of Purchase" name="purchaseDate"/>
              </div>
            </div>
            <div class="col-sm-12">
              <div class="form-group col-sm-offset-4 col-sm-8">
                <label for="stock">Stock</label>
                <input type="text" class="form-control " id="stock" placeholder="Enter Stock" name="stock"/>
              </div>
            </div>

            <div class="col-sm-12">
              <button  type="submit" id="submitButton" class="col-sm-offset-6 col-sm-4 btn btn-default">Save</button>
              <div class="col-sm-12">
                <span class="label label-danger col-sm-offset-4 col-sm-4 " id="messageFromServer" ></span>
              </div>
            </div>
          </form>
        </div>
      </div>
      <script src="jquery-1.11.1.js"></script>
      <script src="jquery.validate.js"></script>
      <script src="datepicker.js"></script>
      <script type="text/javascript">
      // When the document is ready
      $(document).ready(function () {

      $('#purchaseDate').datepicker({
      format: "dd/mm/yyyy",
      todayHighlight:true,
      autoclose:true,
      endDate:'+0d'
      });

      });

      $('#addMaterial-form').submit(function(event) {
        event.preventDefault();
      alert("gonna do");
      $.post('/insertMaterial', {"materialCode": "78","stock": "78","description": "fhfhgf","purchaseDate": "09/05/2013"} );

      event.preventDefault();
      });
      </script>
    </body>
  </html>

问题是每当我点击提交时我都会收到内部服务器错误。可以通过将帖子功能更改为

来删除服务器错误

      $.post('/insertMaterial', JSON.stringify({"materialCode": "78","stock": "78","description": "fhfhgf","purchaseDate": "09/05/2013"}) );

但是在服务器端我无法使用上面的方法提取表单参数我只获得null值。服务器端在dropwizard框架中完成

 @POST
public String addNewMaterial(@FormParam("materialCode") String materialCode, @FormParam("description") String description, @FormParam("purchaseDate") Date date, @FormParam("stock") double stock) {
    System.out.println("got " + materialCode + description + date + stock);
    return "OK";
}

Jquery post bootstrap form to dropwizard resource获取内部服务器错误？

0 个答案: