在前端開發(fā)中，我們經(jīng)常需要將 JSON 數(shù)據(jù)展示在頁面上。為此，我們可以使用 CJSON 庫來將 JSON 數(shù)據(jù)轉(zhuǎn)換為 C 語言的數(shù)據(jù)結(jié)構(gòu)，然后將其顯示到頁面上。

// 示例 JSON 數(shù)據(jù)
{
"name": "張三",
"age": 18,
"hobbies": ["籃球", "游泳", "音樂"],
"address": {
"province": "廣東",
"city": "深圳",
"district": "寶安"
}
}
// 使用 CJSON 庫將 JSON 數(shù)據(jù)轉(zhuǎn)換為 C 語言的數(shù)據(jù)結(jié)構(gòu)
cJSON* root = cJSON_Parse(json_str);
if (!root) {
printf("Error before: [%s]\n", cJSON_GetErrorPtr());
return 1;
}
// 獲取 JSON 對象中的屬性值，并將其轉(zhuǎn)換為 C 語言的數(shù)據(jù)類型
char* name = cJSON_GetObjectItem(root, "name")->valuestring;
int age = cJSON_GetObjectItem(root, "age")->valueint;
cJSON* hobbies = cJSON_GetObjectItem(root, "hobbies");
cJSON* province = cJSON_GetObjectItem(cJSON_GetObjectItem(root, "address"), "province");
// 將 C 語言的數(shù)據(jù)結(jié)構(gòu)展示到頁面上
printf("姓名：%s
", name);
printf("年齡：%d
", age);
// 遍歷 JSON 數(shù)組
for (int i = 0; i< cJSON_GetArraySize(hobbies); i++) {
printf("愛好：%s
", cJSON_GetArrayItem(hobbies, i)->valuestring);
}
printf("所在省份：%s
", province->valuestring);

以上是一個簡單的 CJSON 庫的使用示例，可以將 JSON 數(shù)據(jù)轉(zhuǎn)換為 C 語言的數(shù)據(jù)結(jié)構(gòu)，并將其展示到頁面上。需要注意的是，在使用 CJSON 庫時，一定要進行有效性檢查，以防止發(fā)生錯誤。