Подключение html формы к php через jQuery - PullRequest
0 голосов
/ 26 октября 2018

Эй, я довольно новичок в программировании, и я изучал базы данных в основном с использованием Java. Я привык использовать базу данных mysql для моих проектов java, но теперь я должен использовать базу данных, используя html / javascript. Я не могу заставить это работать. У меня есть некоторый опыт работы с html / css / javascript, но здесь я немного разбираюсь в основах. Я использую php-файл, чтобы попытаться вставить данные в свою базу данных. Этот файл в настоящее время выглядит так:

<?php
$con = mysqli_connect('test@localhsot', 'root', '');

if (!$con) {
echo 'not connected to server';
}

if (!mysqli_select_db($con, 'testdb')) {
echo 'database not selected';
}
$Name = $_POST['username'];
$Email = $_POST['email'];

$sql = "INSERT INTO test (Name,Email) VALUES('$Name', '$Email')";

if (!mysqli_query($con, $sql)) {
echo 'Not Inserted';
} else {
echo 'inserted';
}
header("refresh:2; url=index.html");
?>

на основе некоторых веб-сайтов и видео, которые я видел. Из того, что я понимаю, мне нужно использовать ajax (через jquery?) Для отправки данных из моей HTML-формы в файл php. Я возился с разными вещами, которые видел в Интернете, но не могу понять это. Хотя у меня есть некоторый опыт работы с html и javascript, у меня нет опыта работы с ajax и php, так что это новая территория. Ниже приведена простая HTML-форма, которую я пытаюсь отправить прямо сейчас:

<body>

<form>
    <label>username<input type="text" ></label>
    <label>email<input type="text"></label>
    <input type="submit" value="Insert" id="submit_btn">
</form>

<script src="jquery-3.3.1.js"></script>
<script src="main.js"></script>
</body>

Может кто-нибудь показать мне или указать мне объяснение того, как сделать мост между html и php с помощью ajax, чтобы его мог понять кто-то, не имеющий опыта его использования? Спасибо.

1 Ответ

0 голосов
/ 26 октября 2018

Работать с ajax довольно просто. просто следуйте коду

var data ={
"user":"somethingf"
}

login(data){

    return jQuery.ajax({
        type: 'post',
        url: "http://someurl or ip ",
        data: JSON.stringify(data),
        success: function (data) {

        },
        error: function (jqXhr, textStatus, errorThrown) {
        },
        contentType: 'application/json',
        async: false
    });
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...