php - 将值从ajax传递到同一页面中的php变量

Question

自 3 天以来，我一直在尽最大努力从 Ajax 和 PHP 获得解决方案，我尝试了所有教程，但我无法获得解决方案，我是 Ajax、Jquery 的新手，但我的问题对你们来说真的很简单。

我已经使用 jquery 和 PHP 开发了网站，我已经使用 HTML (ul, li) 创建了菜单所以我想要的是，如果我单击菜单项 ajax 应该将值发送到 php 变量然后执行 php 函数，但是所有这应该发生在同一页中，..

请帮我解决问题。

到目前为止，我已经尝试了以下方法:

JavaScript:

<script type="text/javascript">
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "oldindex.php",
            data: val,
            success: function() {
                alert("Hi, testing");
            }
        });
    });
</script>

PHP 和 HTML:

<input type="submit" id="btn" value="submit">
<form name="numbers" id="numbers">
    <input type="text" name="number" id="number">
</form>

<div id="number_filters">
    <a href="abc">1</a>
    <a href="def">2</a>
    <a href="ghi">3</a>
</div>

所以如果我点击 href，我应该获取 php 变量的值，它应该只发生在同一页面中

Answer 1

index.php页面

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function() {
        var val = "Hi";
        $.ajax ({
            url: "ajax.php",
            data: { val : val },
            success: function( result ) {
                alert("Hi, testing");
                alert( result );
            }
        });
    });
});
</script>

<input type="submit" id="btn" value="submit">
<form name="numbers" id="numbers">
    <input type="text" name="number" id="number">
</form>

<div id="number_filters">
    <a href="abc">1</a>
    <a href="def">2</a>
    <a href="ghi">3</a>
</div>

ajax.php页面

<?php
echo ( $_GET['val'] );