我有两个文本框,我想将这两个文本框名称发送到一个jsp页面。通过在check.jsp中获取这两个名称,我将进行一些计算,并将json的结果返回到第三个文本框,但我认为我在某处做错了。任何人都可以给我一个想法吗?
<script type="text/javascript">
$(document).ready(function() {
$("#textbox").keyup(function () {// do i need to write another onkey up for another text box?
$.getJSON('check.jsp', {
textboxname: this.value// here how can i send another text box name to check.jsp?
},function(data){
// get data
});
});
});
</script>
HTML
<input type="text" id="textbox" name="textboxname"/>// name goes to check.jsp
<input type="text" id="textbox1" name="textboxname1"/>// how can i send this text box's
name to that same check.jsp
<input type="text" id="textbox2" name="textboxname2"/>// here i want to display the
result received from check.jsp
服务器端(check.jsp)
String firsttextboxname=request.getParameter("firsttextboxname");
String firsttextboxname1=request.getParameter("firsttextboxname1");
JSONObject jsonObj= new JSONObject();
jsonObj.put("isTrue","true");
response.setContentType("application/json");
response.getWriter().write(jsonObj.toString());
答案 0 :(得分:1)
<input type="text" id="textbox" class="submitme" name="textboxname"/>// name goes to check.jsp
<input type="text" id="textbox1" class="submitme" name="textboxname1"/>// how can i send this text box's
<script type="text/javascript">
$(document).ready(function() {
$(".submitme").keyup(function () {
$.getJSON('check.jsp', {
textboxname: jQuery("#textbox").val(), textboxname2: jQuery("#textbox1").val()
},function(data){
if (data.textboxname != "" && data.textboxname2 != "") {
jQuery("#textbox2").val(JSON.stringify(data));
}
else {
jQuery("#textbox2").val("");
}
}
});
});
});
</script>
------或作为一个帖子-----------
$.ajax({
type: 'POST',
url: 'check.jsp',
data: { textboxname: jQuery("#textbox").val(), textboxname2: jQuery("#textbox1").val() },
success: function(data) {
jQuery("#textbox2").text(JSON.stringify(data));
},
dataType: 'JSON'
});
我会评论说你做了一些我不会做的事情。
1)为什么不通过POST
发送这些数据2)为什么每次按下键都会发送数据,为什么不将它绑定到提交按钮?