php - 无需重新加载页面即可触发 PHP 方法

Question

目前我的方法使用 GET 请求工作：

http://localhost/intranet2/?break_start
http://localhost/intranet2/?break_end

我只想使用 Ajax 和 jQuery 来获得类似的结果。我试过了：

<script>
$(document).ready(function() {
 $(function() {
$( "#dialog" ).dialog({
    autoOpen: false,
    show: {
        effect: "blind",
        duration: 1000
        },
    hide: {
        effect: "explode",
        duration: 1000
        }
});
$( "#opener" ).click(function() {
    $( "#dialog" ).dialog( "open" );
});
});

$.ajax({
 url: "http://localhost/intranet2/?page=break_start",
 context: document.body
 }).done(function(data) {
     alert(data);
     $( "#opener" ).click(function() {
            $( "#dialog" ).dialog( "open" );
        });

 });



});
</script>

我的触发元素是：

<button id="opener">Start Break</button>

我的模式窗口成功打开，但我的 PHP 方法通过 URL 更新数据库

http://localhost/intranet2/?break_start

触发失败？帮助。

Answer 1

$( "#opener" ).click(function(e) {
    e.preventDefault();
    $( "#dialog" ).dialog( "open" );
});

使用按钮时，您需要阻止页面执行其默认的重新加载操作。这就是该e.preventDefault()方法的作用。

你可以在这里阅读jQuery API 文档