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