Я пытаюсь сделать расширение Chrome. В настоящее время у меня есть база данных AWS, работающая на MySQL, и я пытаюсь подключить ее к расширению. Мой файл PHP просто пытается подключиться к базе данных при отправке формы HTML. Я просматриваю видео (части 1-4) по этой ссылке https://www.youtube.com/watch?v=dpLbADRh830
В данный момент я использую localhost в качестве сервера, и при отправке формы мое расширение сообщает: «Этот сайт недоступен, localhost отказался подключиться». Я понятия не имею, куда идти отсюда, и это, честно говоря, мой первый опыт работы с базами данных, поэтому я прошу прощения, если это глупая проблема.
<?php
$name=$_POST['name'];
$email=$_POST['email'];
if(!isset($_POST['submit'])){
echo $email;
}
?>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form action="http://localhost/db/tester_script.php" method="POST">
<input type="text" name="name" placeholder="name"><br>
<input type="text" name="email" placeholder="email"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
Вот как я исправил решение:
<body>
<form id="thing">
<input type="text" id="name" name="name" placeholder="name"><br>
<input type="text" id="email" name="email" placeholder="email">
<input type="submit" id="submit" value="submit">
</form>
<script
src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script>
$("#thing").on("submit", function(){
var name = $("#name").val();
var email = $("#email").val();
$.ajax({
type: "POST",
url: "http://localhost:8000/tester_script.php",
data: {name : name, email : email},
success : function(data){
console.log(data);
}
});
return false;
})
</script>
</body>