单击bootstrap模式按钮时如何将数据传递给servlet?

时间:2017-11-01 11:18:44

标签: javascript jquery ajax tomcat7

我正在尝试创建一个Web应用程序但是在将数据发送到tomcat服务器中的servlet时遇到了一些麻烦。

  1. 每当我点击Admin按钮,就会出现一个模态窗口。
  2. 在模态窗口中,我将在单击模态窗口中的发送按钮时输入要发送到servlet的年份。
  3. 但是因为我正在使用我无法连接服务器 崇高的<html> <head> <link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" /> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-10"> <h1 class="text-center">Admin portal</h1> </div> </div> </div> <div class="container"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myCreateDatabase">CreateDatabase</button> <div class="modal fade" id="myCreateDatabase" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="text-center">create database</h4> </div> <div class="modal-body"> Year: <input type="text" name="year" id="yearvalue"><br> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> close</button> <button type="submit" id="submitForm" class="btn btn-default">Send</button> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $("#submitForm").click(function(event) { var name = $("#yearvalue").val(); $.post('http://localhost:9280/dummy.html', function(data) { /*optional stuff to do after success */ alert("i maskd"); }) }); $("#myCreateDatabase").modal("hide"); }); </script> </body> </html> 功能。
  4. select max(sal) sal from my_table union all select min(sal) sal from my_table
    

1 个答案:

答案 0 :(得分:0)

您需要传递表格数据,如name,如下所示:

$.post('http://localhost:9280/dummy.html',{name:name}, function(data) { ..

参考:https://api.jquery.com/jquery.post/