使用 AJAX 在同一页面上将 Javascript var 传递给 PHP

Question

我有一个以空的 PHP 变量开头的页面。 然后，当用户单击链接时，我想将 name 属性的值传递给 JS var，然后将该 JS var 传递到同一页面，然后使用 JS var 值更新 PHP var。 这是我正在尝试做的一个简单示例：

// PHP
<?php
    // Starts empty, then when posted should update
    $jsVar = $_POST['jsVar'];
    echo $jsVar;
 ?>


<!-- HTML-->
<!-- Link to click with name vlue to pull-->
<a href="#" name="link">Click Me</a>


<!-- JAVASCRIPT -->
<!-- Import jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script type="text/javascript">

    // On link click
    $('a').click(function(e){

        // Prevent link default behavior
        e.preventDefault();

        // Store name vale as jsVar
        jsVar = $(this).attr("name");

        
        $.ajax({
            type: "POST",
            // url: ""   <--------------- From what I read, if you want to post to the same page you just don't inclue the URL?
            data: {jsVar : jsVar}, // <--------- This was also something I found online that supposedly helps pass JS vars to PHP?
            success: function(data)
            {
                alert("success!");
            }
        });
    });

</script>

很多人说我不需要AJAX。 我提供的示例与我正在尝试执行的操作非常相似，它根据用户单击侧边栏项目动态更改包含文件。 我不想为此使用表格，是吗？

Answer 1

啊! 当我继续查看时，我发现 jQuery 具有 .load() 函数，这正是我想要的。 当！ 我能够构建它并使其工作：

// Store clicked page
var currentPage = $(this).attr("name");
// Build filepath
var currentPagePath = "pages/" + currentPage + ".php";

// Find the div I want to change the include for and update it
$("#pageContent").load(currentPagePath);

太简单。 党。 谢谢大家。