正文

js如何引用php

优站号
优站号 V管理员 /0 评论 /12 阅读
0320
欧意国内注册

我们需要创建一个HTML文件，其中包含一个标题和一个按钮，当用户点击按钮时，我们将通过Ajax请求向服务器发送数据，然后服务器将执行PHP代码并返回结果，我们将结果显示在页面上。

以下是一个简单的示例：

1、创建一个HTML文件，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript调用PHP示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1 id="title">这是一个标题</h1>
    <button id="btn">点击我</button>
    <p id="result"></p>
    <script>
        $("#btn").click(function() {
            $.ajax({
                url: "test.php",
                type: "POST",
                data: {title: $("#title").text()},
                success: function(response) {
                    $("#result").html(response);
                }
            });
        });
    </script>
</body>
</html>

2、创建一个名为test.php的PHP文件，如下所示：

<?php
    $title = $_POST['title'];
    echo "你输入的标题是：".$title;
?>

在这个示例中，我们使用了jQuery库来简化Ajax请求，当用户点击按钮时，JavaScript会向服务器发送一个POST请求，其中包含标题文本，服务器接收到请求后，执行PHP代码并将结果返回给客户端，客户端收到响应后，将其显示在页面上。