使用 Ajax 在 jQuery 按钮中添加对 PHP 的调用答案

【问题标题】：Add a call to PHP in a jQuery button with Ajax使用 Ajax 在 jQuery 按钮中添加对 PHP 的调用
【发布时间】：2021-06-24 10:28:57
【问题描述】：

我试图在我的 DokuWiki (see my post on their forum without answer yet) 中修改 保存按钮 的行为。

我想在用户点击 保存按钮 时调用特定的 file.php，即每次在 wiki 中进行编辑时。 PHP 文件重新计算 Wiki 中的所有连接，并使用 Rscript 创建页面之间链接的新网络图。

我认为最好的方法是在单击按钮时使用 Ajax（see this answer 关于如何做到这一点）。这是 DokuWiki 中按钮的原始 jQuery 代码：

// reset change memory var on submit
jQuery('#edbtn__save').on('click',
    function() {
        window.onbeforeunload = '';
        textChanged = false;
    }
);

我想添加如下内容：

jQuery('#edbtn__save').on('click',
    function() {
        window.onbeforeunload = '';
        textChanged = false;
        $.ajax({
          url: "./data/forms/file.php",
          }).done(function( msg ) {
            alert( "Data Saved: " + msg );
          });
        }
);

但这还不行（我也尝试了不同的 URL，但目前还不清楚在我的本地主机上运行 DokuWiki 时使用什么）。我从来没有学过 jQuery 和 Ajax，所以这对我来说是新的。我不太明白它是如何工作的，但它可能只需要一个简单的修复。

file.php 是这样的：

<?php
include("./data/forms/myFunctions.php");
matrixer();
 ?>

PS：我找到的文档 about the function on() 和 DokuWiki source code。

【问题讨论】：

从您的 jQuery 代码中的 url 中删除 .。
另外，我非常怀疑您的 jQuery 代码中的 url 是否正确。因此，打开控制台，单击提交按钮时检查控制台。看到应该出现某种错误。
POST 请求没有数据发送是没有用的
@HarpreetSingh，是的，我得到了错误；暂时Cannot read property 'ajax' of undefined.（相关帖子one 和two）。我会尝试不同的修改。谢谢
@charlietfl，是的，我不需要任何数据，只需要运行 file.php。我从我的问题中删除了它。谢谢

标签： javascript php jquery ajax button

【解决方案1】：

我今天早上找到了very useful link。由此我能够解决它。

所以正确的代码是：

jQuery('#edbtn__save').on('click',
    function() {
        window.onbeforeunload = '';
        textChanged = false;
        jQuery.ajax({
          type: 'POST',
          url: '/~User/dokuwiki/data/forms/file.php',
          success: function(data) {
              alert(data);
              $("p").text(data);
            }
        });
    }

有效！确保文件可以通过浏览器访问以避免Error 403 (Forbidden)

【讨论】：