C# 如何以Html格式绑定Ajax数据

当从url获取ajax数据时，我希望以Html形式显示数据

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
  }
]

Html

@TextBoxFor（m=>m.ID，新的{@ID=“Floor\u ID”，@class=“form control”，@placeholder=“Floor\u ID**”}）
@LabelFor（model=>model.Floor_Name，htmlAttributes:new{@class=“col form label”}）
@Html.TextBoxFor（m=>m.Floor_Name，新的{@id=“FloorName”，@class=“form control”，@placeholder=“Name*”}）
@LabelFor（model=>model.CampusID，htmlAttributes:new{@class=“col form label”}）
@Html.DropDownListFor（m=>m.CampusID，ViewBag.CampusID作为SelectList，新建{@class=“form control”，@id=“CampusID”}）
@LabelFor（model=>model.BuildingID，htmlAttributes:new{@class=“col form label”}）
---挑选---

试试这样的方法！！对于我们的js

<script>
    var array = JSON.parse(`[
                    {
                        "Id":1,
                        "Name":"Damilola",
                        "Age": 27
                    },
                    {
                        "Id":2,
                        "Name":"Mayowa",
                        "Age": 28
                    },
                    {
                        "Id":3,
                        "Name":"Toluwalope",
                        "Age": 24
                    },
                    {
                        "Id":1,
                        "Name":"Olaoluwa",
                        "Age": 21
                    }
                ]`);
    array.forEach(element => {
        document.getElementById("tbody").innerHTML += `<tr>
                                                            <td>${element.Id}</td>
                                                            <td>${element.Name}</td>
                                                            <td>${element.Age}</td>
                                                        </tr>`;
        console.log(element.Id, element.Name, element.Age);
    });

</script>

var array=JSON.parse(`[
{
“Id”：1，
“姓名”：“达米洛拉”，
“年龄”：27
},
{
“Id”：2，
“姓名”：“Mayowa”，
“年龄”：28岁
},
{
“Id”：3，
“名称”：“Toluwalope”，
“年龄”：24
},
{
“Id”：1，
“名称”：“Olaoluwa”，
“年龄”：21
}
]`);
array.forEach（元素=>{
document.getElementById（“tbody”）.innerHTML+=`
${element.Id}
${element.Name}
${element.Age}
`;
日志（element.Id、element.Name、element.Age）；
});

/////////////////////////////////////////////////对于html，您可以

<table id="table">
    <tr>
        <thead>
            <tr>
                <td>Id</td>
                <td>Full Name</td>
                <td>Official Age</td>
            </tr>
        </thead>
        <tbody id="tbody">

        </tbody>
        <tfoot>
            <tr>
                <td>Id</td>
                <td>Full Name</td>
                <td>Official Age</td>
            </tr>
        </tfoot>
    </tr>
</table>

身份证件
全名
法定年龄
身份证件
全名
法定年龄

如果您真正想要的是显示数据，那么您可以根据上面的html（cshtml）进行显示

//使用此函数将json字符串解析为对象

var data=JSON.parse（即-JSON-STRING）

//使用此选项以所需的元素为目标

document.getElementById（“FloorName”）.value=data.Floor\u Name

document.getElementById（“CampusID”）.value=data.CampusID

document.getElementById（“BuildingID”）.value=data.BuildingID