我的页面中有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页面中获取任何参数来存储在会话中。
$('#button').click
被过早注册,甚至没有完全加载DOM元素,这就是为什么它不会被触发。将代码移入内部,如下所示:
$(function(){ // hold till DOM becomes safe to manipulate.
Put your code here.
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句