Question

这里的入门级用户。我看过无数的AJAX \ PHP示例，数据通过POST或GET传递并修改了他们的一个示例。当单击按钮（id =＆＃34; clickMe）时，我希望它执行advertise.php而不再需要传递任何变量（不需要传递变量），而不刷新页面和通知说明成功。当我用当前代码单击按钮时没有任何反应。

<button type="button" id="clickMe">CLICK ME TO RUN PHP</button>

<script type="text/javascript">
$(document).ready(function(){
$('#clickMe').click(function(event){ // capture the event
event.preventDefault(); // handle the event
$.ajax({
    url: 'advertise.php',
    data: {
        'ajax': true
    }, 
    success: function(data) {
        $('#data').text(data);
    }
});
});
});
</script>

已更新，但仍未执行。

Answer 1

2件事 - 您需要一个文档就绪处理程序并阻止默认点击操作。

$(document).ready(function() {
    $('#clickMe').click(function(event){ // capture the event
         event.preventDefault(); // handle the event
         $.ajax({ // remainder of code...
});

在页面顶部加载jQuery脚本时，您需要确保它们在DOM加载之前不会运行，这就是文档就绪处理程序的用途。您通过将click事件包含为click的回调函数的参数来捕获click事件，并使用preventDefault()方法处理单击。

由于此请求“简单”，您可能需要考虑使用其中一种简写方法，例如$.post()

Answer 2

以下是您的编辑版本代码：

$(document).ready(function(){
    $('#clickMe').click(function(){
        $.post("PHP_FILE.php",{ajax: true},function(data, status){
             alert(data);
         });
    });
});

在按钮上运行php文件单击ajax

2 个答案: