如何点击除表单提交之外的按钮,如何在jsp页面的会话中添加一些文本框值?

时间:2016-11-05 12:07:06

标签: java ajax jsp session

我的页面中有5个文本框和一个按钮。我想在我的会话中添加这些文本框值而不提交表单。在我的代码中出现问题?

   <head>
 <meta charset="UTF-8">
<title>$Title$</title>
<script src="js/jquery-1.10.2.js"></script>
<script>
  $('#button').click(function() {
    var val1 = $('#text1').val();
    var val2 = $('#text2').val();
    $.ajax({
      type: 'POST',
      url: 'add.jsp',
      data: { text1: val1, text2: val2 },
      success: function(response) {
        $('#result').html(response);
      }
    });
  });
</script>
</head>
<body>
<form action="register.do" method="post">
<br>
<label>name</label>
<input type="text" name="txt1" id="text1">
<br>
<label>family</label>
<input type="text" name="family" id="text2">
<br>
<label>article name</label>
<input type="text" name="uni">
<br>
<label>article place</label>
<input type="text" name="uniname">
<br>
<label>article grade</label>
<input type="text" name="unigrade">
<br>
<label>article date</label>
<input type="text" name="unitype">
<input type="button" name="button" id="button">
<input type="submit">
</form>
</body>

我没有在add.jsp页面中找到任何参数来存储在会话中。

1 个答案:

答案 0 :(得分:0)

$('#button').click过早注册,甚至DOM元素都没有被完全加载,这就是它没有被触发的原因。 将代码移到内部,如下所示:

$(function(){ //  hold till DOM becomes safe to manipulate.
    Put your code here.  
});