ASP.NET JSON 處理數據綁定的方法如下：
Install-Package Newtonsoft.Json
public class UserInfo
{
public int Id { get; set; }
public string Name { get; set; }
public string Email { get; set; }
}
using System.Collections.Generic;
using Newtonsoft.Json;
public List<UserInfo> GetUsersFromDatabase()
{
// 從數據庫獲取用戶信息的示例代碼
var users = new List<UserInfo>
{
new UserInfo { Id = 1, Name = "Alice", Email = "alice@example.com" },
new UserInfo { Id = 2, Name = "Bob", Email = "bob@example.com" }
};
// 將用戶信息列表轉換為 JSON 格式
return JsonConvert.SerializeObject(users);
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ASP.NET JSON Data Binding</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>User List</h1>
<ul id="userList"></ul>
<script>
$(document).ready(function() {
$.ajax({
url: '/api/GetUsers', // 你的后端 API 端點
type: 'GET',
dataType: 'json',
success: function(data) {
var userList = $('#userList');
data.forEach(function(user) {
userList.append('<li>' + user.Name + ' - ' + user.Email + '</li>');
});
},
error: function(error) {
console.log('Error:', error);
}
});
});
</script>
</body>
</html>
在這個示例中，我們首先從后端獲取 JSON 數據，然后使用 JavaScript 解析數據并將其綁定到 HTML 元素（在這種情況下是一個無序列表）。當然，你可以根據需要修改這個示例以適應你的項目需求。
