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

Question

如何使用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循环中工作一次。

Answer 1

以下是如何"漫游"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}' />rn", 
                     photo["src"], photo["alt"]);
}
Console.WriteLine(sb.ToString());

输出：

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

Answer 2

首先，您需要定义一个类，该类保存您的数据，并且能够将自己输出为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();
...