如何使用 jquery 获取 php 回显

Question

我知道这个问题以前被问过很多次，我搜索了很长时间的解决方案，但我找不到一个，这就是我问的原因。 第一：我正在尝试将我的 HTML 文件连接到我的 JavaScript 文件，并且效果很好。 我现在想要做的是在我的 HTML 站点上显示来自 MySql-DB 的数据，这就是我使用 PHP 的原因。 我想从简单开始，这就是为什么我试图回应“Hello World”。 但是当我运行我的网站时，我得到的不仅仅是“Hello World”，而是整个 PHP 代码。 我该如何解决这个问题？

测试文件

<?php
echo 'Hello World';

索引.html

<!DOCTYPE html>
<html>
    <head>
        <title>MySite</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    </head>
    <body>
      <input type="text" id="size">
      <button id="saveBtn" value="Click" type="button" >Save</button>
      <script src='test.js'></script>
    </body>
</html>

测试.js

window.addEventListener("load", function () {
    $('button#saveBtn').on('click', function () {
        var in= $('input#size').val();
        if (size== '')
            alert("Error");
        else {
            $.post("test.php", { input: size}, function (data, status) {
                alert("data + " : " + status);
            });
        }
    });
});

Answer 1

实际上一切正常，除了您的 Javascript 文件中有一些拼写错误：

不能使用in作为变量名，因为它被保留为 Javascript 关键字。
$.post()函数的第二个参数是非法的。
您在警报中连接消息的方式有问题。

它应该看起来像这样工作：

window.addEventListener("load", function () {
    $('button#saveBtn').on('click', function () {
        var theInput = $('input#size').val();
        if (size== '')
            alert("Error");
        else {
            $.post("test.php", function (data, status) {
                alert(data + ":" + status);
            });
        }
    });
});

还

看起来您试图阻止用户发送 AJAX 请求，直到输入中有内容为止。 如果这是你想要做的，那么你可以这样做：

window.addEventListener("load", function () {
    $('button#saveBtn').on('click', function () {
        var theInput = $('input#size').val();
        if (!theInput.length) // Checking to see if there's something in the input
            alert("Error");
        else {
            $.post("test.php", function (data, status) {
                alert(data + ":" + status);
            });
        }
    });
});

注意：重要的是要注意，为了让您的 PHP 完全运行，您需要设置一个本地服务器（这可能是您收到 PHP 错误的原因）。 您可以通过安装XAMPP或按照这些说明进行操作。

如何使用 jquery 获取 php 回显

问题描述

1 个解决方案

解决方案1
0 2020-03-31 07:17:15

如何使用 jquery 获取 php 回显

问题描述

1 个解决方案

解决方案1 0 2020-03-31 07:17:15

解决方案1
0 2020-03-31 07:17:15