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()方法的作用。

您可以阅读here on the jQuery API documentation

在没有页面重新加载的情况下触发PHP方法

1 个答案: