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

【问题标题】：Use Ajax to call PHP function for HTML button Onclick使用 Ajax 为 HTML 按钮 Onclick 调用 PHP 函数
【发布时间】：2010-10-19 18:25:20
【问题描述】：

我有一个 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"];
    }
?>

【问题讨论】：

标签： php html ajax button

【解决方案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>

【讨论】：

【解决方案2】：

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

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

【讨论】：