Получить значение ввода без отправленной формы

Question

Получить значение ввода без отправленной формы

0

Мне нужно сделать мою страницу jsp без перезагрузки страницы с помощью jquery.

$(".btn.btn-default.btn-lg").click(function( event ) {
    event.preventDefault();
    $.post(main.jsp,{operand1: request.getParameter("operand1")});
    alert(<%= request.getParameter("operand1") %>);
});

Я пытаюсь отправить параметр на страницу и предупредить об этом. Ничего не произошло. Однако функция работает нормально. что моя ошибка?

Вот полный код jsp.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<title>Insert title here</title>
</head>
<body>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<form class="form-horizontal" role="form" method="get">
 <div class="form-group">
 <div class="col-lg-10">
<input name="operand1" id="operand1" class="values"></input>
<input name="operand2" id="operand2" class="values"></input>
</div>
</div>
 <div class="form-group">
<div class="col-lg-10">
<select name="operation" id="operation" class="values">
<option value="plus">+</option>
<option value="minus">-</option>
<option value="multiply">*</option>
<option value="divide">/</option>
<option value="mod">mod</option>
</select>
</div>
</div>
 <div class="form-group">
 <div class="col-lg-10">
<input type="submit" class="btn btn-default btn-lg" value="Submit"></input>
</div>
</div>
</form>
<script>
$(".btn.btn-default.btn-lg").click(function( event ) {
    event.preventDefault();
    $.ajax({
        method:"POST",
        url: "main.jsp",
        data: {operand1: document.getElementById("operand1").value, operand2: document.getElementById("operand2").value, operation: document.getElementById("operation")}
    }).done(function (result) {
              alert(result);
    });
    alert($('input.values').val());
});
</script>
<%
Double operand1=0.0;
Double operand2=0.0;
String operation=new String();
if ((request.getParameter("operand1")!=null)&&(request.getParameter("operand2")!=null)&&(request.getParameter("operation")!=null)){
    operand1 = Double.parseDouble(request.getParameter("operand1"));
    operand2 = Double.parseDouble(request.getParameter("operand2"));
    operation=request.getParameter("operation");
}
Double result=0.0;
if (operation.equals("plus")){
    result=operand1+operand2;
}
if (operation.equals("minus")){
    result=operand1-operand2;
}
if (operation.equals("divide")){
    result=operand1/operand2;
}
if (operation.equals("multiply")){
    result=operand1*operand2;
}
if (operation.equals("mod")){
    result=operand1%operand2;
}
if ((request.getParameter("operand1")!=null)&&(request.getParameter("operand2")!=null)&&(request.getParameter("operation")!=null)){
    String resultString="Result:";
    out.println(resultString+result);
}
%>
</body>
</html>

Какие-либо предложения?

Sergey Scopin 13 нояб. 2013, в 10:44

Источник

0

единственное предложение, я думаю, будет AJAX
Hussain Akhtar Wahid 'Ghouri' 13 нояб. 2013, в 09:27

Теги:

javascript

jquery

jsp

post

3 ответа

Ещё вопросы

единственное предложение, я думаю, будет AJAX

Vicky Gonsalves · Answer 1 · 2013-11-13T07-24-00.000Z

Вы должны использовать ajax примерно так:

$(".btn.btn-default.btn-lg").click(function( event ) {
    $.ajax({
        method:"POST",
        url: "main.jsp",
        data: {operand1: document.getElementById("operand1").value}
    }).done(function (result) {
              alert(result)
    });
});

$(".btn.btn-default.btn-lg").click(function( event ) { event.preventDefault(); $.ajax({ method:"POST", url: "main.jsp", data: {operand1: document.getElementById("operand1").value, operand2: document.getElementById("operand2").value, operation: document.getElementById("operation")} }).done(function (result) { alert(result); }); alert($('input.values').val()); }); Мое приложение вылетает из-за этой функции. Как форматировать код в комментариях, лол?
просто зависает Я использую Eclipse и Tomcat 7.

SpiderWan · Answer 2 · 2013-11-13T06-44-00.000Z

Используйте обратный вызов успеха:

$(".btn.btn-default.btn-lg").click(function( event ) 
{
    $.ajax(
    {
        method:"POST",
        url: "main.jsp",
        data: {operand1: document.getElementById("operand1").value},
        success: function(result) 
        {
            alert(result); 
        }
    })
});

Karthik · Answer 3 · 2013-11-13T06-43-00.000Z

запрос - это неявный объект JSP, который не будет работать в javascript. Вместо этого вы можете использовать следующее, чтобы получить значение.

$('#operand1').val(); //operand1 is an id of the element