如何使用jquery解析json结果

Question

我有以下 ajax 调用来调用 web 服务并取回 json 数据

$(document).ready(function () {
            $.ajax({
                type: 'POST',
                contentType: "application/json; charset=utf-8",
                url: "Test.asmx/GetImages",
                success: function (msg) {
                    //var data = JSON.parse(msg); 
                    alert(msg.d);
                   $.each(msg.results, function (i, tweet) {
                        alert(msg.d);
                        $("#imagelist").append('<p><img src="' + tweet + '" />' + tweet + '</p>');
                    });
                }
            });
 });

我有以下从 ajax 调用获得的 json 结果，我发现很难附加 img 源。

{"d":"[\r\n  {\r\n    \"imagepath\": \"images/01.jpg\"\r\n  },\r\n  {\r\n    \"imagepath\": \"images/02.jpg\"\r\n  },\r\n  {\r\n    \"imagepath\": \"images/03.jpg\"\r\n  },\r\n  {\r\n    \"imagepath\": \"images/04.jpg\"\r\n  }\r\n]"}

Answer 1

只需指定dataType: 'json'，jquery 会自动为您完成这项工作

http://api.jquery.com/jQuery.ajax/