2015-05-03 2 views
0

Я хочу отправить переменную из jQuery в свой сервлет. Вот мой JQuery:Невозможно передать значение 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> 

На сервлет, я использую:

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

Вы найдете ниже HTML код. Когда я выбираю значение из раскрывающегося списка и нажимаю кнопку «Создать сигнал», появляется всплывающее окно загрузки. Я хочу передать все эти значения из всплывающего окна в свой сервлет. Я могу сделать все это, кроме значения, которое я устанавливаю в 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 --> 

Но я получаю нулевое значение для показателя. Пожалуйста помоги. Благодарю.

+0

Что '# priority' состоит? Показать код HTML. –

+0

Не отвечая на вопрос, но вы должны использовать $ ('# myModal label [for = "priority"]'). Text (metrics_label); (текст вместо html), так как вы получили metrics_label с текстом(). –

ответ

-1

INSEAD столба попытаться использовать этот способ

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

        } else { 

        } 

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

       } 

где значения это вы форму или JSON otherway попробовать { "VAL": VAL}

+0

Я пробовал это с данными: {"val": val}, все равно не повезло. – Katie

+0

попробуйте код, я думаю, он будет работать –

+0

Я пробовал, он не работал – Katie

Смежные вопросы