空值正从我的jQuery脚本传递到Servlet

Question

我正在使用jQuery将jsp页面中的值传递给Bootstrap模式，它正在工作。 我想将相同的值从引导模式传递给servlet。 我尝试用ajax发布，似乎没有任何作用。 这是我的html：

<div class="container" style="padding-top: 60px;" >                                          
    <select class="createAlarm" id="createAlarm" name="metrics">
        <option value="cpuUsage">CPU Usage</option>
        <option value="memoryUsage">Memory Usage</option>
        <option value="diskRead">Disk Read</option>
        <option value="diskWrite">Disk Write</option>
        <option value="diskUsage">Disk Usage</option>
        <option value="netUsage">Net Usage</option> 
    </select>
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" data-whatever="Create Alarm">Create Alarm</button>
   </div>

   <!-- Modal- Create Alarm -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
      <div class="modal-content">
      <div class="modal-header">
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
     <h4 class="modal-title">Create Alarm</h4>
      </div>
        <form action="/ProjectName/createAlarm" method="post" id="addcard" class="form-horizontal" role="form">
         <div class="modal-body" style="height: 170px;">
          <div class="form-group" style="height: 30px;">
            <label for="title" class="col-md-3 control-label">Name</label>
            <div class="col-md-9">
               <input type="text" class="form-control" name="alarmName">
            </div>
            </div>
             <div class="form-group" style="height: 30px; margin-bottom:30px;">
            <label for="title" class="col-md-3 control-label">Description</label>
            <div class="col-md-9">
               <textarea class="form-control" name="desc"></textarea>
            </div>
            </div>

           <div class="form-group">
            <label for="priority" id="priority" name="priority" class="col-md-3 control-label">
            <input type="text" class="form-control" name="name">
             </label>
            <div class="col-md-9">
                <div class="col-md-3">
                <select name="sign" class="form-control">
                <option value="lessthan"><</option>
                <option value="greaterthan">></option>
                <option value="lessthanequalto"><=</option>
                <option value="greaterthanequalto">>=</option>
                </select>
                </div>
                <div class="col-md-3">
                    <input type="text" class="form-control" name="threshold">
                </div>
               </div>
              </div>
             </div>

          <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
           <button class="btn btn-primary" id="formSubmit" type="submit">Create Alarm</button>
           </div>
           </form>
          </div><!-- /.modal-content -->
         </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

这是我的jQuery部分：

<script>
 $('#myModal').on('show.bs.modal', function(e) {

var metrics_key = $('.createAlarm').val();
var metrics_label = $(".createAlarm option:selected").text();

// Now you have the key and label in variables.

// Write the key into the textfield.
$('#myModal input[name="name"]').val(metrics_key);
// Change the HTML of an element to the label.
$('#myModal label[for="priority"]').text(metrics_label);
$.post("/CMPE283_Project2/createAlarm", { val : $("#priority").text()});
alert($('#priority').text()); 
});

我的Servlet：

String Metric = request.getParameter("val");

但是，对于字符串指标，我得到的是空值。 但是，在单击“创建警报”按钮后弹出的警报显示了我想要传递servlet的正确值。 请帮忙。 谢谢。

Answer 1

您的帖子看起来还不错，我相信这只是访问控件的jquery语法问题。 特别是，我希望输入的文本带有id =“ priority”（不仅仅是代码中显示的标签），然后使用' .val（）'而不是'text（）'访问它

<input type="text" id="priority" ... />

$.post('your url', {priority: $("#priority").val()} ...

至少这对我有用（jQuery版本2.1.3）。 如果您想确保，可以先发布硬编码数据，例如{priority：'7'}