HTML butonu OnClick için PHP işlevini çağırmak için ajax kullanmak

2 Cevap php

Ben onclick bir PHP işlevi aramak istediğiniz bir HTML düğme var. Bunu yapmak için AJAX kullanmak gerekiyor ama ben tamamen kaybettim. Orada php işlevi içinde oluşur fazla, ama ben dahil olmak üzere gerek görmedi. Aşağıdaki kodu şimdiye kadar geçerli:

<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"];
    }
?>

2 Cevap

JQuery kullanarak (denenmemiş):

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

(Javascript olmadan insanlar için, ve güzel çalışması için komut dosyası için) HTML olarak uygun bir formu kullanın:

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

Sunucuda php script ajax arama yapmak için herhangi bir javascript kitaplık kullanın. Örneğin:

Sadece gerçekten basit şeyler isterseniz ya, php için sajax ajax araç bakmak

etiketler