Question

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

<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代码才能实现呢？

Answer 1

您可以将参数添加到数据对象中，顺便说一下，该参数应该是一个对象：

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

Answer 2

这是你的意思吗？

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

Answer 3

我会使用类似jQuery Json

的内容

从jquery中的多个文本框传递多个值

3 个答案: