如果你有这样的数据:
var data = [{
"Ks": "KS 1",
"Endtext": "End Text 1",
"fZlava": "FZ Lava 1",
"Cena": "Cena 1",
"FDPH": "FDPH 1",
"FSPOLI": "FSPOLI 1"
}];
这将是一个对象数组。所以调用data[0].Ks 将返回值KS 1。您还可以获得对象键名称Object.keys(data[0]),它将返回一个数组。
您可以使用name 属性选择器来选择特定元素。
$("input[name='Ks']")
考虑以下示例:
$.ajax({
url: "action/update/edit.php",
method: "POST",
data: {id: id, action: action},
dataType: "json",
success: function (data) {
var keys;
$.each(data, function(i, o){
keys = Object.keys(o);
$.each(keys, function(j, k){
$("input[name='" + k + "']").val(o[k]);
});
});
}
});
这将使用相应的name 属性填充一个文本字段。这很好,除非你有很多同名。
$(function() {
function getData(url) {
$.ajax({
url: url,
method: "GET",
dataType: "json",
success: function(data) {
var keys;
$.each(data, function(i, o) {
keys = Object.keys(o);
$.each(keys, function(j, k) {
$("input[name='" + k + "']").val(o[k]);
});
});
}
});
}
getData("https://jsonblob.com/api/b0d9708d-079a-11eb-903e-cb8263972736");
});
ul {
padding: 0;
margin: 0;
list-style: none;
}
ul li label {
width: 40px;
display: inline-block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<ul>
<li><label>KS</label><input type="text" name="Ks" /></li>
<li><label>ET</label><input type="text" name="Endtext" /></li>
<li><label>FZ</label><input type="text" name="fZlava" /></li>
<li><label>CN</label><input type="text" name="Cena" /></li>
<li><label>FD</label><input type="text" name="FDPH" /></li>
<li><label>FS</label><input type="text" name="FSPOLI" /></li>
</ul>
</div>