17.01.2018, 02:21
|
|
Аспирант
|
|
Регистрация: 01.03.2017
Сообщений: 40
|
|
|
Не получается внедрить ajax.reload()
Всем Привет!
Не подскажете как сделать что бы таблица обновлялась каждые 2 сек?
ajaxGet.js
$(document).ready(function()
{
$.ajax({
url: "monitor/all",
type: "GET",
dataType:"json",
success: function (response)
{
var trHTML = '';
$.each(response, function (key,value) {
trHTML +=
'<tr><td>' + value.id +
'</td><td>' + value.url +
'</td><td>' + value.exceptedHttpResponseCode +
'</td><td>' + value.status +
'</td><td>' + value.active +
'</td></tr>';
});
$('#monitorTable').append(trHTML);
}
});
});
ajaxPost.js
$(function(){
$("#frm").on("submit", function(event) {
event.preventDefault();
var formData = {
'url': $('input[name=url]').val(),
'exceptedHttpResponseCode': $('input[name=exceptedHttpResponseCode]').val()
};
console.log(formData);
$.ajax({
url: "/monitor/add",
type: "post",
data:JSON.stringify(formData) ,
contentType:"application/json",
success: function(d) {
alert(d);
},
});
});
});
Последний раз редактировалось weirdjava, 17.01.2018 в 03:30.
|
|
17.01.2018, 08:21
|
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,807
|
|
$(document).ready(function() {
(function update_table(){
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active + '</td></tr>';
});
$('#monitorTable').append(trHTML);
setTimeout(update_table,2000);
}
});
})();
});
|
|
17.01.2018, 17:12
|
|
Аспирант
|
|
Регистрация: 01.03.2017
Сообщений: 40
|
|
Сообщение от Nexus
|
$(document).ready(function() {
(function update_table(){
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active + '</td></tr>';
});
$('#monitorTable').append(trHTML);
setTimeout(update_table,2000);
}
});
})();
});
|
Nexus,Cпасибо болшое! понял,а если я хочу добавить delete? нужно повесить обработчик,получаю id,Далее делаю запрос к серверу. После чего при успешном удалении из таблицы можно удалить соответствующую строку. вот так правильно?:
function getTable() {
$.ajax({
url: "monitor/all",
type: "GET",
dataType:"json",
success: function (response) {
var trHTML = '';
var id = $(this).data('id');
$.each(response, function (key,value) {
trHTML +=
'<tr><td>' + value.id +
'</td><td>' + value.url +
'</td><td>' + value.exceptedHttpResponseCode +
'</td><td>' + value.status +
'</td><td>' + value.active +
'</td></tr>';
});
$('#monitorTable tbody').html(trHTML);
}
});
}
$(document).ready(function() {
(function update_table(){
$.ajax({
url: '/monitor/delete',
type: 'DELETE',
dataType: "json",
success: function (event) {
$('.delBtn').on('click', function () {
var id = $(this).data('id');
});
}
});
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active
+ '</td><td><button data-id="delBtn" class="btn btn-danger btn-sm delBtn">Delete</td></tr>';
});
$('#monitorTable').html(trHTML);
setTimeout(update_table,2000);
}
});
})();
});
$(document).ready(function () {
getTable();
$("#frm").on("submit", function (event) {
event.preventDefault();
var formData = {
'url': $('input[name=url]').val(),
'exceptedHttpResponseCode': $('input[name=exceptedHttpResponseCode]').val()
};
console.log(formData);
$.ajax({
url: "/monitor/add",
type: "post",
data: JSON.stringify(formData),
contentType: "application/json",
success: function (d) {
getTable();
},
});
});
});
|
|
17.01.2018, 17:16
|
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,807
|
|
|
weirdjava, не понял я что вы хотите, но в коде у вас хрень какая-то.
|
|
17.01.2018, 17:20
|
|
Аспирант
|
|
Регистрация: 01.03.2017
Сообщений: 40
|
|
|
Nexus,
не могу понять как правильно повесить delete обработчик на кнопку delBtn?
|
|
17.01.2018, 17:50
|
|
Аспирант
|
|
Регистрация: 01.03.2017
Сообщений: 40
|
|
Nexus
function getTable() {
$.ajax({
url: "monitor/all",
type: "GET",
dataType:"json",
success: function (response) {
var trHTML = '';
var id = $(this).data('id');
$.each(response, function (key,value) {
trHTML +=
'<tr><td>' + value.id +
'</td><td>' + value.url +
'</td><td>' + value.exceptedHttpResponseCode +
'</td><td>' + value.status +
'</td><td>' + value.active +
'</td></tr>';
});
$('#monitorTable tbody').html(trHTML);
}
});
}
$(document).ready(function() {
(function update_table(){
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active
+ '</td><td><button data-id="delBtn" class="btn btn-danger btn-sm delBtn">Delete</td></tr>';
});
$('#monitorTable').html(trHTML);
$('.delBtn').on('click', function() {
var id = $(this).data('id');
$.ajax({
url: '/monitor/delete',
type: 'DELETE',
dataType: "json",
success: function (event) {
}
})
});
setTimeout(update_table,2000);
}
});
})();
});
$(document).ready(function () {
getTable();
$("#frm").on("submit", function (event) {
event.preventDefault();
var formData = {
'url': $('input[name=url]').val(),
'exceptedHttpResponseCode': $('input[name=exceptedHttpResponseCode]').val()
};
console.log(formData);
$.ajax({
url: "/monitor/add",
type: "post",
data: JSON.stringify(formData),
contentType: "application/json",
success: function (d) {
getTable();
},
});
});
});
]
не могу понять как правильно повесить delete обработчик на кнопку delBtn
|
|
17.01.2018, 17:54
|
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,807
|
|
$(function() {
$('a.delBtn').click(function() {
var $this = $(this);
$.ajax({
url: '/monitor/delete',
type: 'DELETE',
dataType: "json",
data: {
id: $this.data('id')
}
success: function(event) {
$this.parents('tr').remove();
}
});
})
});
|
|
17.01.2018, 18:23
|
|
Аспирант
|
|
Регистрация: 01.03.2017
Сообщений: 40
|
|
Nexus,
я data не передаю,$this.parents('tr').remove() тоже не нужно;нужно зарефрешить всю таблицу после удаления; вот это не получается  ;
я когда в постмане передаю id( http://localhost:8080/monitor/delete/1) ,то удаляется
$(function() {
$('delBtn').click(function() {
var $this = $(this);
$.ajax({
url: '/monitor/delete',
type: 'DELETE',
success: function(event) {
}
});
})
});
|
|
17.01.2018, 19:11
|
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,807
|
|
$(document).ready(function() {
var __getTable_timeout = 0;
function getTable() {
clearTimeout(__getTable_timeout);
$.ajax({
url: "monitor/all",
type: "GET",
dataType: "json",
success: function(response) {
var trHTML = '';
$.each(response, function(key, value) {
trHTML += '<tr><td>' + value.id + '</td><td>' + value.url + '</td><td>' + value.exceptedHttpResponseCode + '</td><td>' + value.status + '</td><td>' + value.active + '</td><td><button data-id="delBtn" class="btn btn-danger btn-sm delBtn">Delete</td></tr>';
});
$('#monitorTable').html(trHTML);
__getTable_timeout = setTimeout(getTable, 2000);
}
});
};
getTable();
$("#frm").on("submit", function(event) {
event.preventDefault();
$.ajax({
url: "/monitor/add",
type: "post",
data: JSON.stringify({
'url': $('input[name=url]').val(),
'exceptedHttpResponseCode': $('input[name=exceptedHttpResponseCode]').val()
}),
contentType: "application/json",
success: getTable,
});
});
$('#monitorTable').on('click','.delBtn',function(){
$.ajax({
url: '/monitor/delete/'+$(this).data('id'),
type: 'DELETE',
dataType: "json",
success: getTable
});
});
});
Последний раз редактировалось Nexus, 17.01.2018 в 21:27.
|
|
17.01.2018, 21:00
|
|
Аспирант
|
|
Регистрация: 01.03.2017
Сообщений: 40
|
|
|
Nexus,
К сожалению delete не работает,не реагирует onclick
|
|
|
|
