index.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <form action="/from" method="POST" id="form1">
  11. <input type="text" name="name" id="name" />
  12. <input type="checkbox" id="Preload"/>
  13. <button>提交</button>
  14. </form>
  15. <script src="http://52.77.137.17:8808/static/plugins/jquery/dist/jquery.min.js"></script>
  16. <!-- <script src="http://malsup.github.com/jquery.form.js"></script> -->
  17. <script>
  18. $(document).ready(function() {
  19. $('form').submit(function(e) {
  20. // event.preventDefault();
  21. var form = $(this);
  22. console.log(form1);
  23. this.Preload.value = 3;
  24. // $('#Preload').remove();
  25. // delete this.Preload;
  26. // mulitipart form,如文件上传类
  27. // var formData = new FormData(this);
  28. // console.log(formData.get('name'));
  29. // $.ajax({
  30. // type: form.attr('method'),
  31. // url: form.attr('action'),
  32. // data: formData,
  33. // mimeType: 'multipart/form-data',
  34. // contentType: false,
  35. // cache: false,
  36. // processData: false,
  37. // })
  38. // .success(function() {
  39. // //成功提交
  40. // })
  41. // .fail(function(jqXHR, textStatus, errorThrown) {
  42. // //错误信息
  43. // });
  44. });
  45. });
  46. </script>
  47. </body>
  48. </html>