Javascript 如何使用AJAX调用PHP函数

Javascript 如何使用AJAX调用PHP函数,javascript,php,html,ajax,Javascript,Php,Html,Ajax,各位,我很难理解AJAX是如何工作的。如果有人能帮我的话,我需要它,当点击带有onclick=“CallFunction()”的按钮时,它会执行一个PHP函数CreateBet() 这是我当前唯一的HTML: <html> <div style="margin: 0 auto; width: 500px; height: 500px; border: 1px solid black;"> <button onclick="CreateBet()" type="but

各位,我很难理解AJAX是如何工作的。如果有人能帮我的话,我需要它,当点击带有
onclick=“CallFunction()”
的按钮时,它会执行一个PHP函数
CreateBet()

这是我当前唯一的HTML:

<html>
<div style="margin: 0 auto; width: 500px; height: 500px; border: 1px solid black;">
<button onclick="CreateBet()" type="button">Create Bet</button>
</div>
</html>

创建赌注

提前感谢:)

CreateBet
如果您使用javascript函数,您可以在其中执行http请求,从而调用
CreateBet
php函数。您可以在线查看万亿个示例中的一个。只需在ajax请求中调用该文件,请解释一下这段代码的作用,因为我仍然无法理解。当您单击按钮时,它将调用javascript的筛选函数,javascript的筛选函数将调用包含代码php逻辑的filter.php文件。“success:function(data)”和“data:sendData,//data to sent”是什么意思?类型用于定义使用的方法(“GET”、“POST”、“PUT”)和数据:sendData用于发送数据,假设在post调用中您必须发送数据,因此它将在put和post方法中使用,当响应到达成功时,success函数将返回。
<input type="button" name="c1" value="pt" onclick="filter()">
function filterPrice() {

            $.ajax({
                url: "Filter.php", //url for php function
                type: "POST",
                data: sendData, // data to sent
                dataType: 'json',
                success: function (data)
                {

                }
            });
        }