Question

我有一个HTML按钮，我希望onclick调用PHP函数。我需要使用AJAX来做到这一点，但我完全迷失了。在php函数中发生了更多，但我没有看到包含它的需要。以下是迄今为止的代码：

<HTML>
<BODY>
<FORM>
    <input text="text" name=airport1 id=airport1 />
    <input text="text" name=airport2 id=airport2 />
    <input type="button" value="Enter" onclick=PrintDist()/>
</FORM>
</BODY>
</HTML>

<?php

    function PrintDist(){
        $icao1 = $_REQUEST["airport1"];
        $icao2 = $_REQUEST["airport2"];
    }
?>

Answer 1

使用jQuery（未经测试）：

function PrintDist() {
    var submitButton = $(this).find('*:submit');

    $.post(this.action, $(this).serialize(), function() {
        alert('Form submitted!');
        submitButton.attr('disabled', 'false').attr('value', 'Enter');
    });

    submitButton.attr('disabled', 'true').attr('value', 'Posting...');

    return false;
}

使用适当的表单作为HTML（对于没有Javascript的人，以及脚本可以很好地工作）：

<form action="xxx" method="post" onsubmit="return PrintDist()">
    <input text="text" name="airport1" id="airport1" />
    <input text="text" name="airport2" id="airport2" />
    <input type="submit" value="Enter" />
</form>

Answer 2

使用任何javascript库对服务器上的php脚本进行ajax调用。例如：

或者，如果你只是想要非常简单的东西，请看看sajax ajax for php工具包

使用Ajax为HTML按钮Onclick调用PHP函数

2 个答案: