無法將jQuery值傳遞給servlet

Question

我想從jQuery向我的Servlet發送一個變量。這裏是我的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"]').html(metrics_label); 

var val = $('#priority').text(); 

console.log(val); 

$.post('/sampleapp/createAlarm', { val : val}, 
     function() { // on success 
      alert("Insertion successful! of "+val); 
    }) 
    .fail(function() { //on failure 
     alert("Insertion failed." +val); 
    }); 

}); 
</script> 

在servlet中，我使用：

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

請找到下面的HTML代碼。當我從下拉菜單中選擇一個值並點擊Create Alarm按鈕時，引導模式彈出。我想將所有這些值從彈出窗口傳遞給我的servlet。除了我在jQuery中設置的值之外，我能夠完成所有工作。

<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="/CMPE283_Project2/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 --> 

但我得到的是公制的空值。請幫忙。謝謝。

Answer 1

後的歐洲工商管理學院嘗試使用其中的值是你形成或JSON otherway嘗試{ 「VAL」：VAL}這樣

$.ajax({ 
       url : url, 
       type : "post", 
       data : values, 
       success : function(data) { 
        if (data.errorCode == "SUCCESS") { 

        } else { 

        } 

       }, 
       error : function() { 
        alert("failure"); 

       }