如果我的javascript數組的值包含兩個元素，如何使用一個元素而不使用另一個元素？

Question

我的警報（arr [0]）等於

http://server/folder/images/title.png, tagname   

我希望能夠顯示圖像並使用標記名對順序進行排序。 生成功能和json等正常工作。 我只希望能夠自己訪問路徑並擁有自己的標簽，但仍然可以使它們彼此相關以進行訂購。

 function importJson(str) {

            if (str=="") {
                document.getElementById("content").innerHTML="";
                return;
            }
            if (window.XMLHttpRequest) {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            } else { // code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

            }


            xmlhttp.onreadystatechange=function() {

            if (xmlhttp.readyState==4 && xmlhttp.status == 200){

                //alert(xmlhttp.response);


                arr = JSON.parse(xmlhttp.response);
                for (var index = 0; index < arr.length; var parts = arr[i].split(',');
                     var url = parts[0].trim();
                     var tag = parts[1].trim();
                     alert("h"); index++){

                }

                buildImage(url);

            }





            }

            xmlhttp.open("GET","http://xxxx/~xx/xxxx/content.php");
            xmlhttp.responseType = "json";
            xmlhttp.send();


            function buildImage(imagesrc) {
                var img = document.createElement('img');
                img.src = imagesrc;
                document.getElementById('content').appendChild(img);
            }
      }

當前代碼：

var arr = [];
var index = 0;

                function importJson(str) {

            if (str=="") {
                document.getElementById("content").innerHTML="";
                return;
            }
            if (window.XMLHttpRequest) {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            } else { // code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

            }


            xmlhttp.onreadystatechange=function() {


            if (xmlhttp.readyState==4 && xmlhttp.status == 200){

               // alert(xmlhttp.response);



                arr = JSON.parse(xmlhttp.response);
                for (var index = 0; index < arr.length; index++) {
                    var url = arr[index][0];
                    var tag = arr[index][1];
                    buildImage1(url);

                }


                //buildImage(arr[0]);

            }



            }

            xmlhttp.open("GET","http://cs1.ucc.ie/~mmg6/swipeApp/content.php");
            xmlhttp.responseType = "json";
            xmlhttp.send();


            function buildImage1(imagesrc) {
                var img = document.createElement('img');
                img.src = imagesrc;
                document.getElementById('content').appendChild(img);
            }
      }

Answer 1

您正在從AJAX返回二維數組。 因此，只需訪問主數組中每個元素的適當索引。

for (var index = 0; index < arr.length; index++) {
    var url = arr[index][0];
    var tag = arr[index][1];
    buildImage(url);
}

然后， buildImage應該采用兩個參數：

function buildImage(imagesrc) {
    var img = document.createElement('img');
    img.src = imagesrc;
    document.getElementById('content').appendChild(img);
}

演示