2

我在 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 个提交按钮）

4

1 回答 1

1

只需添加以下功能。

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

于 2012-08-28T04:10:45.047 回答