如何使用JSON.Net读取JSON并输出HTML

本文关键字:JSON 输出 HTML Net 何使用 读取 | 更新日期: 2024-10-22 20:03:17

如何使用JSON.Net并循环使用以下JSON为"照片"对象的每个成员输出一个HTML图像标记(字符串)?

我的目标是读取下面的JSON并输出以下字符串:

"<img src='/images/foo.jpg' alt='Hello World!'><img src='/images/bar.jpg' alt='Another Photo' />"

JSON存储在外部文件"photos.JSON"中

{
    "photos": {
        "photo1": {
            "src": "/images/foo.jpg",
            "alt": "Hello World!"
        },
        "photo2": {
            "src": "/images/bar.jpg",
            "alt": "Another Photo"
        }
    }
}

我从类似于这里显示的代码开始:http://www.hanselman.com/blog/NuGetPackageOfTheWeek4DeserializingJSONWithJsonNET.aspx

var client = new WebClient();
client.Headers.Add("User-Agent", "Nobody");
var response = client.DownloadString(new Uri("http://www.example.com/photos.json"));
JObject o = JObject.Parse(response);'
//Now o is an object I can walk around...

但是,我还没有找到如示例中所示的"绕o走"的方法。

我想循环浏览照片对象的每个成员,读取属性,并为每个照片将html添加到我的字符串中。

到目前为止,我已经尝试了以下示例:http://james.newtonking.com/json/help/index.html?topic=html/QueryJson.htm但是,我不能让它们在for each循环中工作一次。

如何使用JSON.Net读取JSON并输出HTML

以下是如何"漫游"JObject以提取所需信息。

string json = @"
{
    ""photos"": {
        ""photo1"": {
            ""src"": ""/images/foo.jpg"",
            ""alt"": ""Hello World!""
        },
        ""photo2"": {
            ""src"": ""/images/bar.jpg"",
            ""alt"": ""Another Photo""
        }
    }
}";
StringBuilder sb = new StringBuilder();
JObject o = JObject.Parse(json);
foreach (JProperty prop in o["photos"].Children<JProperty>())
{
    JObject photo = (JObject)prop.Value;
    sb.AppendFormat("<img src='{0}' alt='{1}' />'r'n", 
                     photo["src"], photo["alt"]);
}
Console.WriteLine(sb.ToString());

输出:

<img src='/images/foo.jpg' alt='Hello World!' />
<img src='/images/bar.jpg' alt='Another Photo' />

首先,您需要定义一个类,该类保存您的数据,并且能够将自己输出为HTML标记:

public class Photo
{
    public string Src { get; set; }
    public string Alt { get; set; }
    public string ToHtml()
    {
        return string.Format(
            "<img src='{0}' alt='{1}'/>,
            this.Src,
            this.Alt);
    }
}

为了能够使用JSON.Net创建类型的对象,您需要"规范化"您的JSON——它不是完全以通常的格式表示相同对象的数组。您必须完全去掉标识符photo*1*, photo*2*,.., photo*n*,或者必须使它们相同(即,它们都应该只是photo,没有数字)。如果您可以控制JSON的创建,那么您就可以直接执行。否则,您必须相应地操作web响应(例如使用string.Replace(...))。

完成后,您可以使用JSON.Net来获得一个键入的列表,然后您可以简单地对其进行迭代以获得所需的HTML:

var client = new WebClient();
client.Headers.Add("User-Agent", "Nobody");
string response = client.DownloadString(new Uri("http://www.example.com/photos.json"));
// --> 'Normalize' response string here, if necessary
List<Photo> photos = JsonConvert.DeserializeObject<List<Photo>>(response);
// now buid the HTML string
var sb = new StringBuilder();
foreach(photo in photos)
{
    sb.Append(photo.ToHtml());
}
string fullHtml = sb.ToString();
...