javascript - 如何检索从 jQuery 中的 servlet 发送的项目的 JSON 数组

Question

我正在尝试检索数据库中的所有图像并在网页中显示。 servlet 发送一组项目。当我运行我的 servlet 程序时，它显示

{"success":true,"imageInfo":[]}

但是在网页中，jQuery 返回 undefined。

我是 jQuery 的新手 - 请任何人帮助我解决这个问题。

Javascript:

$(window).load(function() 
            {
            $.ajax({
               type: "GET",
                url: "RetriveIm",
                dataType: "json",
                success: function( data, textStatus, jqXHR) 
                {
                    if(data.success)  
                      {

                        alert(console.log(data.imageInfo.name));
                        var items = [];
                        $.each(data, function(i, item) 
                        {
                          items.push('<li><a href="#"><img src=data:image/png;base64,'+ item.thumbarray +' data-large=data:image/png;base64,' + item.imageInfo.fullarray + ' data-description=' + item.imageInfo.disc + ' alt=' + item.imageInfo.name + ' data-id='+ item.imageInfo.imageid +'/></a></li>');  // close each()
                          $('ul.es-carousel').append( items.join('') );
                         });
                       };
                  },
             error: function(jqXHR, textStatus, errorThrown)
              {
                 alert("error");
                 console.log("Something really bad happened " + textStatus);
              },
              });       
             });

我的服务器端程序在this问题。

我不知道数据有什么错误请帮助我.....谢谢...

Answer 1

$.getJSON("url",function(json){
         console.log(json)
         //your set of images check object structure
         $.each(json.imageInfo, function(i, item) {//... if i understood well the json you are sending
         });

应该足以满足您的需求。

& 确保在回显您的响应之前发送 header('Content-Type: application/json');。

您还需要将 $('ul.es-carousel').append( items.join('') ); 移出 $.each