通过jquery将多个文本框名称发送到一个jsp页面

时间:2012-02-20 08:23:52

标签: javascript jquery json

我有两个文本框,我想将这两个文本框名称发送到一个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());

1 个答案:

答案 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)为什么每次按下键都会发送数据,为什么不将它绑定到提交按钮?