表单提交按钮;不同的“;ajax调用


form submit buttons referenced by "different" ajax calls

我在html"表单"中有两个提交按钮:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<input type="text" name="field1" id="field1" />
<input type="text" name="field2" id="field2" />
<form id="form1" action="" method ="post">
<input type="submit" value="check data" id="checkdata" name="checkdata" /><p>
<input type="submit" value="download" id="download" name="download" /><p>

我必须通过ajax调用从"同一页面"中的两个单独的"php"代码中获得按钮点击的查询结果。我有第一个按钮的脚本,但我很难为第二个按钮分配查询,它必须引用另一个php代码:

$(document).ready(function(){
    $("#checkdata").click(function(){
        var field1 = $("#field1").val();
        var field2 = $("#field2").val();
            var datastr ='&field1=' + field1 + '&field2=' + field2;
            $("#response").css("display", "block");
            $("#response").html("setting parameters... ");
            $("#response").fadeIn("slow");
            setTimeout("send('"+datastr+"')",2000);
        return false;
    });
});
function send(datastr){
    $.ajax({    
        type: "POST",
        url: "some_php_code.php",
        data: datastr,
        cache: false,
        success: function(html){
        $("#response").fadeIn("slow");
        $("#response").html(html);
        setTimeout('$("#response").fadeOut("slow")',2000);
    }
    });
}

你能给我一些提示吗?或者有其他方法吗?

(我已经核对了你可能向我提出的所有相关问题。像这个问题只与一个ajax调用有关jQuery提交ajax表单,带有2个提交按钮)

只需添加以下函数。

$(document).ready(function(){
    $("#download").click(function(){
        var field1 = $("#field1").val();
        var field2 = $("#field2").val();
            var datastr ='&field1=' + field1 + '&field2=' + field2;
            $("#response").css("display", "block");
            $("#response").html("setting parameters... ");
            $("#response").fadeIn("slow");
            setTimeout("send('"+datastr+"')",2000);
        return false;
    });
});

或者更好:

    $(document).ready(function(){
        $("#checkdata").click(function(){
            SendData();
        });
        $("#download").click(function(){
            SendData();
        });
    });

function SendData() {
    var field1 = $("#field1").val();
    var field2 = $("#field2").val();
    var datastr ='&field1=' + field1 + '&field2=' + field2;
    $("#response").css("display", "block");
    $("#response").html("setting parameters... ");
    $("#response").fadeIn("slow");
    setTimeout("send('"+datastr+"')",2000);
    return false
}

hth