Добавление ссылки DELETE в мою таблицу с помощью массива js push()
Я хотел бы включить ссылку в моей таблице для кнопки удаления. Это будет - onclick - удалить из моей базы данных в зависимости от идентификатора.
Я искал через переполнение стека без преобладания. Точка в правильном направлении была бы отличной (ссылки, предложения кода и т. Д.).
HTML:
<h5 class="tabletext"><a href="#">View Markers</a></h5>
<form action="" method="post">
<table class="table table-bordered">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="type">Type</th>
<th data-field="area">Area</th>
<th data-field="area">Weight in lbs</th>
<th data-field="area">Length in cm</th>
<th data-field="area">Latitude</th>
<th data-field="area">Longitude</th>
<th data-field="area">DELETE</th>
</tr>
</thead>
</table>
</form>
.Js:
$.ajax({
type: 'GET',
dataType: "json",
url: "rest/rest/api.php/markerss",
success: showMarkerTable,
error: showError
});
function showMarkerTable(responseData) {
var items = [];
$.each(responseData.MARKERS, function(key, val){
items.push("<tr>");
items.push("<td id=''"+key+"''>"+val.id+"</td>");
items.push("<td id=''"+key+"''>"+val.area+"</td>");
items.push("<td id=''"+key+"''>"+val.type+"</td>");
items.push("<td id=''"+key+"''>"+val.weight+"</td>");
items.push("<td id=''"+key+"''>"+val.length+"</td>");
items.push("<td id=''"+key+"''>"+val.lat+"</td>");
items.push("<td id=''"+key+"''>"+val.lng+"</td>");
//The delete button here
items.push("<td id=''"+key+"''>"+val.delete+"</td>");
items.push("</tr>");
});
$("<tbody/>", {html: items.join("")}).appendTo("table");
}
function showError(){
alert("Sorry, there was a problem!");
}
PHP, использующий платформу SLIM для извлечения данных:
function getTable() {
$sql="select * FROM markers ORDER BY id";
try{
$db = getConnection();
$stmt = $db->query($sql);
$markers = $stmt->fetchAll(PDO::FETCH_OBJ);
$db = null;
responseJson('{"MARKERS":'.json_encode($markers).'}',200);
}
catch(PDOException $e){
responseJson('{"error":{"text":'.$e->getMessage().'}}',500);
}
}