我設定了一個jQuery添加/更新/洗掉表，它使用ajax呼叫控制器。有些資料欄位是空的。
是否有辦法寫這個JavaScript代碼來顯示空值，如果資料庫回傳的值是空的？
下面是對控制器的ajax呼叫，回傳的資料完成了表格。
let html = ''
'<tr> /span>'
'<td class="fw-normal"/span>>' data. id '</td>' data。
'<td class="fw-normal"/span>>' data. employment_type '</td>' data.
'<td class="fw-normal"/span>>' data. start_date '</td>' data。
'<td class="fw-normal"/span>>' data. end_date '</td>' data。
'<td class="fw-normal">/span>' data. state '</td>' data。
'<td class="fw-normal">/span>' data. city '</td>' data.
'<td>/span>'
'<form action="' data. delete_url '" method="post">' '
'@csrf'
'@method('DELETE')'
'<div class="btn-group">' '"post">
'<a href=" ' data. edit_url '" class="btn btn-info btn-sm"> ??????</a>/span>'
'< button type="submit" class="btn btn-danger btn-sm job-destroy" /span>> ???</button>/span>'
'</div>/span>'
'</form>/span>'
'</td>'
'</tr>' 。
$('#showJobs').append(html)。
注意：我想不顯示null的病房。
uj5u.com熱心網友回復：
請考慮以下示例代碼。
function checkNull(string) {
if (string === null) {
string = ""
}
return string;
}
function addRow（data） {
var row = $("<tr>") 。
$.each（data, function(key, value) {
if (key != "delete_url"/span> || key != "edit_url"/span>) {
$("<td>", {
class: "fw-normal"。
}).html(checkNull(value)).appendTo（行）。
}
});
$("<td>").appendTo(row)。
$("<form>", {
action: data.delete_url,
method: "post"。
}).appendTo($("td:last", row)) 。
$("<div>", {
class: "btn-group"。
}).appendTo($("form", row)) 。
$("<a>", {
href: data.edit_url,
class: "btn btn-info btn-sm"。
}).html("??????").appendTo($(".btn-group", row) )。
$("<button>", {
type: "submit",
class: "btn btn-danger btn-sm job-destroy"。
}).html("???").appendTo($(".btn-group", row)) 。
return row。
}
$('#showJobs').append(addRow(myData)) 。
如果你添加一些小函式，你可以很容易地使用它們來確保null不會出現在你的HTML中。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/319926.html
標籤：