2010-02-03 65 views
0

下面是jquery脚本,它从textBox1获取一个输入值并将其传递给一个web方法,然后返回该人员的姓名并将其显示在textBox2中。 Web方法只需要一个参数,即用户名缩写。从jquery中的多个文本框传递多个值

<script type="text/javascript" > 
    $('#textBox1').live('keydown', function(e) { 
     var keyCode = e.keycode || e.which; 
     if (keyCode == 9) { 
      e.preventDefault(); 

      $.ajax({ 
       type: "POST", 
       url: "Default.aspx/GetName", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       data: '{"value1":"' + $('#textBox1').val() + ' " }', 
       success: function(data) { 
        $('#textBox2').val(data.d); 
       } 
      }); 
     } 
    });  
</script> 

我希望能够从两个文本框中传递两个值,用于需要两个参数的Web方法。我如何修改上面的jQuery代码来实现这一点?

回答

0

这是你的意思吗?

<script type="text/javascript" > 
    $('#textBox1').live('keydown', function(e) { 
     var keyCode = e.keycode || e.which; 
     if (keyCode == 9) { 
      e.preventDefault(); 

      $.ajax({ 
       type: "POST", 
       url: "Default.aspx/GetName", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       data: '{"value1":"' + $('#textBox1').val() + '", "value2":"' + $('#textBox2').val() + '" }', 
       success: function(data) { 
        $('#textBox2').val(data.d); 
       } 
      }); 
     } 
    });  
</script> 
4

您的参数添加到数据对象,它的方式应该是一个对象:

data: { value1: $('#textBox1').val(), value2: $('#textBox2').val() }, 
0

我会使用类似jQuery Json

+0

你将如何使用它? – 2010-02-17 16:05:10