Как из этого маленкого формуляра сделать div c уникальным id, который можно будет добавлять через кнопку с помощью ajax, php и mysql?
Мой html файл:
<html>
<body>
<form id="user_form" onsubmit="return addSomething();">
<label>Имя</label>
<input type="text" id="user_name" name="user_name" value="" />
<label>Последний введенный ID</label>
<input type="text" id="last_displayed_user_id" name="last_displayed_user_id" value="0" readonly />
<input type="Submit" value="Add Comment" />
</form>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript">
function addSomething() {
//Если имя пустое просит ввести его
if ($('#user_name').val().length == 0) {
alert('Please Enter a User Name');
return false;
}
requestData = $('#last_displayed_user_id,#user_name').serialize();
$.ajax({
url: "http://localhost:8080/test/server.php",
type: "get",
data: requestData,
dataType: "json",
success: function (response, status, http) {
$.each(response, function (index, item) {
$('#last_displayed_user_id').val(item.user_id) + item.user_name;
});
},
error: function (http, status, error) {
alert('Произошла ошибка : ' + error);
}
});
return false;
}
function updateSomething() {
$.ajax({
url: "http://localhost:8080/test/server.php",
type: "get",
data: requestData,
dataType: "json",
success: function (response, status, http) {
$.each(response, function (index, item) {
$('#last_displayed_user_id').val(item.user_id) + item.user_name;
});
},
error: function (http, status, error) {
alert('Произошла ошибка : ' + error);
}
});
}
//Обновить формуляр ();
setInterval(updateForm, 4000);
</script>
мой php файл:
<?php
// Вставляет значения последнего ID юзера.
$data = $_REQUEST;
$last_displayed_user_id = $data['last_displayed_user_id'];
// Подключение к серверу
$con = mysqli_connect( "хрстинг" , "имя админа" , "пароль" , "моя база" );
// Добавляет имя пользователя в таблицу chats
if(
isset( $data['user_name'] ) &&
) {
$insert = "
INSERT INTO chats( user_name )
VALUES( '".$data['user_name']."')
";
$insert_result = mysqli_query( $con , $insert );
}
$select = "SELECT *
FROM chats
WHERE user_id > '".$last_displayed_user_id."'
";
$result = mysqli_query( $con , $select );
$arr = array();
$row_count = mysqli_num_rows( $result );
if( $row_count > 0 ) {
while( $row = mysqli_fetch_array( $result ) ) {
array_push( $arr , $row );
}
}
mysqli_close( $con );
echo json_encode( $arr );
?>
Спасибо