передача нескольких значений из нескольких текстовых полей в jquery

Question

Ниже приведен скрипт jquery, который принимает одно входное значение из textBox1 и передает его веб-методу, затем возвращает имя человека и отображает его в textBox2. Веб-метод принимает только один параметр - инициалы пользователя.

<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>

Я хочу иметь возможность передавать два значения из двух текстовых полей для веб-метода, который требует двух параметров. Как я могу изменить код JQuery выше, чтобы сделать это?

Answer 1

Вы добавляете параметры к объекту данных, который, кстати, должен быть объектом:

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

Answer 2

Я бы использовал что-то вроде jQuery Json

Answer 3

Это то, что вы имеете в виду?

<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>