2016-05-18 10 views
0

私は、AJAXを使用して、多くの変数のデータを含む配列を表示して、自分のページに戻しました。配列は今、この権利のようになります。JavascriptでAJAX配列の特定の部分を解析するにはどうすればよいですか?

{"dateName":"05/18/2016","hour1":null,"hour2":null,"hour3":null,"hour4":null,"hour5":null,"hour6":null,"hour7":null,"hour8":null,"hour9":null,"hour10":null,"hour11":null,"hour12":null,"hour13":null,"hour14":null,"hour15":null,"hour16":null,"hour17":null,"hour18":null,"hour19":null,"hour20":null,"hour21":null,"hour22":null,"hour23":null,"hour24":null} 

今、私は

  //AJAX Data 
      success: function(data) { 
      var array = data.split(","); 
      $("#date").html(array[0]); 
      i = 0; 
       while (i < 25) { 
       $("#hour"+i).html(array[i]); 
       i++; 
       } 

を使用して私のデータボックスに配列の部分を表示しています。これは、私のWebページ

に次のようになり、データを表示します

"hour1": "スリープ"

あなたが見ることができるように、変数引用符で囲んだ名前とajaxで渡された変数の値です。しかし、私はしたい

睡眠

は(ない引用符、なし変数)を表示しません。表示されたデータから変数名と引用符を取得するにはどうすればよいですか?

ありがとうございました!

+1

真の配列は大括弧で表記し、名前付きインデックスは使用しません。あなたの時間は配列FYIでなければなりません。また、JSONを解析するには 'JSON.parse'を使用する必要があります。 –

答えて

0

使用この

$.ajax({url: "demo_test.txt", success: function(result){ 
     // $("#div1").html(result); 


     var parsed = JSON.parse(result); 
     alert(parsed["hour1"]); 
    }}); 
+0

成功:関数(データ){ var array = JSON.parse(data); $( "#date")。html(配列["dateName"]);i = 0; while(i <25){ $( "#hour" + i).html(array ["hour" + i]); i ++; } – Akshath

+0

var parsed = JSON.parse(result);まさに私が必要だったものでした!大きな修正! –

-1

あなたはOBJをJSONに文字列を変換するためにJSON.parseを使用することができます。

json_obj = JSON.parse(データ) $( "#日")HTML(json_objの[ '']);あなたのいくつかの素晴らしいメンバーの助けを通じ

0
  //AJAX Data 
      success: function(data) { 
      var hour = "hour"; 
      for(var i=0; i<data.length; i++) { 
       hour += i; 
       console.log(data.hour) 
      } 
0
success: function(data) { 
    var json_obj =JSON.parse(data) 
    $("#date").html(json_obj['datename']); 
    i = 0; 
    while (i < 25) { 
    $("#hour"+i).html(json_obj['hour'+i]); 
    i++; 
    } 
} 
0

ここstackexchangeで私は最終的に複数の変数をコールバック、AJAXを送信する方法を考え出しました、私のページにきれいに整理してください。添付されたコードは、将来のユーザーに役立つことを願っています。

//SEND MULTIPLE DATA THROUGH AJAX 
     <script> 
     function ajax() { 
      $.ajax({ 
       type: "POST", 
       url: "changeDate.php", 
       data: { 
        amount: changeDate, 
        loginName: "benjamin_lawson" 
       }, 

       success: function(result) { 
        //make array out of data 
        var array = JSON.parse(result); 
        $("#date").html(array[0]); 

        i = 0; 
        while (i < 25) { 
         //call array information for parts 
         $("#hour"+i).html(array[i]); 
         i++; 
         } 
        } 
       }); 
      } 
     </script> 
     <?php 

      //create the array 
       $response_arr = array(); 

      //add your variables to the array 
       $response_arr[] = date("m/d/Y", strtotime("+" . $amount . " day")); 
       $response_arr[] = $row[$dateName];  

      //echo the final array to be sent to your ajax 
       echo json_encode($response_arr); 

     ?> 
関連する問題