javascript - 将 json 数据转换为 javascript 数组

Question

    $.ajax({
        type: "POST",
        url: "Default2.aspx/myMethod",
        data: '{}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function OnSuccess(response) {
            var str = response.d;
            var jsonObj = JSON.parse(str);
            for(i=0;i<jsonObj.length;i++)
            {
                jsonObj[i]="{"+jsonObj[i]+"}"
            }
            jsonObj = "[" + jsonObj + "]";
        },
        failure: function (response) {
            alert(response.d);
        }
    });

我在 jsonObj 中收到的是图像路径的 javascript 数组。我将此数组传递给图像 slider 以显示图像，但它显示未定义，即未显示图像jsonObj 的结果是

[{'src: ../img/kota-image/11.jpg'},{'src: ../img/kota-image/12.jpg'},{'src: ../img/kota-image/13.jpg'},{'src: ../img/kota-image/14.jpg'},{'src: ../img/kota-image/15.jpg'},{'src: ../img/kota-image/197.jpg'},{'src: ../img/kota-image/2706.jpg'},{'src: ../img/kota-image/9.jpg'},{'src: ../img/kota-image/DSC_0825.JPG'},{'src: ../img/kota-image/kota.jpg'}]

我的图像 slider 是

jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
        width: $(window).width(),       /* largest allowed width */
        height: 670,        /* largest allowed height */
        slides: jsonObj/* array of images source */,
        "animationDuration": 1500,
        "animationInterval": 2500,
    });

Answer 1

我认为，你不需要这个循环:

  for(i=0;i<jsonObj.length;i++)
  {
      jsonObj[i]="{"+jsonObj[i]+"}"
  }
  jsonObj = "[" + jsonObj + "]";

var jsonObj = JSON.parse(str); 已经是一个数组。

尝试下面的代码:

$.ajax({
    type: "POST",
    url: "Default2.aspx/myMethod",
    data: '{}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function OnSuccess(response) {
        var str = response.d;
        var jsonObj = JSON.parse(str); 
        console.log( jsonObj  );
    },
    failure: function (response) {
        alert(response.d);
    }
});

如果你想将对象转换为纯数组，可以这样做。

  success: function OnSuccess(response) {
        var str     = response.d;
        var data    = JSON.parse(str);  
        var jsonObj = $.map(data, function(value, index) {
              return [value];
        });
       console.log(jsonObj );
   }