![](/img/trans.png)
[英]How to bind JSON data to dropdownlist in Asp.net MVC using jQuery
[英]How to Bind JSON Data On Html input box using Jquery In Asp.net MVC
数据:JSON 甲酸盐
单击编辑按钮时,模态弹出窗口打开,但数据未与输入或下拉列表绑定。 我正在尝试,但无法找出问题所在。
Json:
[
{
"Buildings": {
"Campuses": {
"ID": 3,
"Campus_Name": "Dhaka"
},
"ID": 9,
"Building_Name": "D",
"CampusID": 3
},
"Campuses": {
"ID": 3,
"Campus_Name": "Dhaka"
},
"ID": 17,
"Floor_Name": "1st",
"CampusID": 3,
"BuildingID": 9
}
]
或者
"[\r\n {\r\n \"Buildings\": {\r\n \"Campuses\": {\r\n \"ID\": 3,\r\n \"Campus_Name\": \"Dhaka\"\r\n },\r\n \"ID\": 9,\r\n \"Building_Name\": \"D\",\r\n \"CampusID\": 3\r\n },\r\n \"Campuses\": {\r\n \"ID\": 3,\r\n \"Campus_Name\": \"Dhaka\"\r\n },\r\n \"ID\": 17,\r\n \"Floor_Name\": \"1st\",\r\n \"CampusID\": 3,\r\n \"BuildingID\": 9\r\n }\r\n]"
看法:
Jquery:
$(document).ready(function () {
$.getJSON("/SuperAdmin/Floor/GetAllFloorList",
function (json) {
var tr;
for (var i = 0; i < json.length; i++) {
tr = $('<tr/>');
tr.append("<td>" + "<a href='#' class='btn btn-success' onclick='EditFloorRecord(" + json[i].ID + ")' ><span class='fas fa-edit'></span></a> "
$('table').append(tr);
}
});
});
function EditFloorRecord(Floor_id) {
var url = "/SuperAdmin/Floor/GetFloorInfoByFloor_Id?floor_id=" + Floor_id;
$("#ModalTitle").html("Update Building Record");
$("#SaveRecord").html("Update"); // Change Save message
document.getElementById('showeditFloorID').innerHTML = '<input class="form-control" id="FloorId" name="ID" readonly ></input>'; //Floor Id Show kora jay
$("#AddOrUpDateModal").modal();
$.ajax({
type: "POST",
url: url,
success: function (data) {
response = data;
document.getElementById('getbyid').innerHTML = JSON.stringify(response); //Floor ID
var obj = JSON.parse(data); //parse use kora hoya say Text box ar sathay Bind korar jono
$("#FloorId").val(obj.ID);
$("#Floor_Name").val(obj.Floor_Name);
$("#CampusID option:selected").text(obj.Campuses.Campus_Name);
$("#CampusID option:selected").val(obj.CampusID);
}
})
}
根据您的 ajax 响应,您将获得 JSON Array 作为响应。 所以数组应该用索引访问。 并且关键名称是Buildings 。 所以你应该说 obj.Buildings 来访问建筑物的属性。 例如,如果您想访问建筑物的 ID,那么您应该说 Buildings.ID。 因为您的 JSON 正在返回数组,所以您应该像 response[0].Buildings.ID 一样访问您的第一个建筑物的数据。
无需像这样将响应转换为 JSON, var obj = JSON.parse(data)。 因为您的响应已经是 JSON object。 您可以直接使用数据 object。
您的 JSON 响应:
[
{"Buildings":{"Campuses":{"ID":3,"Campus_Name":"Dhaka"},
"ID":9,"Building_Name":"D","CampusID":3},
"Campuses":{"ID":3,"Campus_Name":"Dhaka"},"ID":17,"Floor_Name":"1st",
"CampusID":3,"BuildingID":9}
]
您是否尝试过如下访问? 这里数据是数组。 您可以使用索引访问。 要获取响应数组中的第一个元素,您可以执行以下操作。
data[0].Buildings.ID
data[0].Buildings.Floor_Name
data[0].Buildings.CampusID
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.