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);
}

DEMO

如果我的javascript数组具有包含两个元素的值，那么如何使用一个元素而不使用另一个元素？

1 个答案: