使用 jQuery，我如何将 json 数组分配给 jquery 数组的索引

Question

假设我从 first.php 和 second.php（用 php 编码）检索数据（以 json 形式）。我想在 jQuery 数组的数组中分配这个 json 数据。设数组为var total = [index1,index2]，来自first.php的第一个json数据将分配给total的第一个index，第二个来自second.php 分配给total 的第二个索引。我将如何做到这一点。我已经尝试了以下代码。我是更大的，所以如果有任何错误，请见谅。谢谢你回复我。

jquery

var total = ['index1','index2'];
var ajax = new XMLHttpRequest();
var method = "GET";
var url = "first.php";
var asynchronous = true;

ajax.open(method,url,asynchronous);
    //sending ajax request.
ajax.send();

//receiving response from  the first.php
ajax.onreadystatechange = function(){
if(this.readyState== 4 && this.status == 200){ //readyState==4 means request is finish and response is ready 
    //status==200 is 'OK'
    var data = JSON.parse(this.responseText);
    for(var a=0; a<data.length; a++){
        total['index1']=data[a];
    }
  }
}console.log(total['index1']); //i want the output here

var url="second.php";
ajax.open(method,url,asynchronous);
ajax.send();
ajax.onreadystatechange = function(){
if(this.readyState== 4 && this.status == 200){ //readyState==4 means request is finish and response is ready 
    //status==200 is 'OK'
    var data1 = JSON.parse(this.responseText);
    for(var a=0; a<data1.length; a++){
        total['index2']=data1[a];
    }
  } 
}

first.php

include 'connection.php';

$data = array();
$query=mysqli_query($con,"select * from tabel_name ORDER BY id ASC");
if(mysqli_num_rows($query)){
    while($row = mysqli_fetch_assoc($query)){
        $data[] =$row; 
    };
    echo json_encode($data);
}

second.php

include 'connection.php';

$data = array();
$query=mysqli_query($con,"select * from tabel_name ORDER BY id ASC");
if(mysqli_num_rows($query)){
    while($row = mysqli_fetch_assoc($query)){
        $data[] =$row; 
    };
    echo json_encode($data);
}

我只是想将第一个 json 数组分配给 index1 并在console.log 中显示，第二个 json 数组分配给 index2。

Answer 1

我发现了问题。您在 onreadystatechange 回调中使用“this”，但“this”不设计您的“ajax”变量。

我已在“ajax1”中重命名了您的“ajax”变量，并创建了第二个“ajax2”。

请试试这个代码：

var total = {index1: [], index2: []};
var ajax1 = new XMLHttpRequest();
var method = "GET";
var url = "first.php";
var asynchronous = true;

ajax1.open(method,url,asynchronous);

//receiving response from  the first.php
ajax1.onreadystatechange = function(){
    if(ajax1.readyState== 4 && ajax1.status == 200){ //readyState==4 means request is finish and response is ready
        //status==200 is 'OK'
        var data = JSON.parse(ajax1.responseText);
        for(var a=0; a<data.length; a++){
            total['index1'].push(data[a]);
        }
        console.log('=== index1 ===');
        console.log(total['index1']); //i want the output here
    }
}
//sending ajax request.
ajax1.send();


var ajax2 = new XMLHttpRequest();
var url="second.php";
ajax2.open(method,url,asynchronous);
ajax2.onreadystatechange = function(){
    if(ajax2.readyState== 4 && ajax2.status == 200){ //readyState==4 means request is finish and response is ready
        //status==200 is 'OK'
        var data1 = JSON.parse(ajax2.responseText);
        for(var a=0; a<data1.length; a++){
            total['index2'].push(data1[a]);
        }
        console.log('=== index2 ===');
        console.log(total['index2']); //i want the output here
    }
}
ajax2.send();

Answer 2

您使用了错误的属性“长度”。正确的属性是“for”语句中的“length”。

ajax.onreadystatechange = function(){
if(this.readyState== 4 && this.status == 200){ //readyState==4 means request is finish and response is ready 
    //status==200 is 'OK'
    var data = JSON.parse(this.responseText);
    for(var a=0; a<data.length; a++){
        total['index1']=data[a];
    }

    // Here, server has returned response
    console.log(total['index1']); //i want the output here
  }
}
// Here, server has not yet returned response