Как получить php эхо с jquery - PullRequest
0 голосов
/ 31 марта 2020

Я знаю, что этот вопрос задавался много раз прежде, я очень долго искал решение, но не мог найти, поэтому и спрашиваю. Во-первых: я пытаюсь подключить мой HTML -файл к моему JavaScript файлу, и это сработало довольно хорошо. Теперь я хочу отобразить данные из моего MySql -DB на моем HTML -Site, поэтому я использую PHP. Я хотел начать с простого, поэтому я попытался повторить «Hello World». Но когда я запускаю свой сайт, я не получаю только «Hello World», я получаю весь PHP -код. Как я могу решить эту проблему?

test. php

<?php
echo 'Hello World';

index. 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>

test. 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);
            });
        }
    });
});

1 Ответ

0 голосов
/ 31 марта 2020

На самом деле все работает нормально, за исключением некоторых опечаток в файле Javascript:

  1. Вы не можете использовать слово в как имя переменной, поскольку оно зарезервировано как ключевое слово Javascript.
  2. Второй параметр, который вы указали в функции $.post(), недопустим.
  3. Способ объединения сообщения в предупреждение было ошибочным.

Это должно выглядеть следующим образом:

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 или выполнив эти инструкции .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...