mySQL 데이터베이스의 값에서 자바 스크립트 값 설정

Question

나는 철저히 대답을 검색했지만이를 해결하기위한 모든 것을 추적 할 수 없었다.

나는 자바/MySQL의 백엔드와 HTML/JS 프론트 엔드를 가지고 간단한 웹 애플리케이션을 구축하고있다. 프론트 엔드에서는 chart.js 라이브러리와 함께 데이터베이스의 값을 사용하여 데이터를 시각화했습니다. "TEST2"를

http://localhost:8080/rest/database/chart/get/labels 

반환

[ "시험"- 예를 들어, 내가 백엔드에 저지 프레임 워크를 사용하고 있는데 해당 URL이 전달됩니다 원하는 값을 반환하는 코드를 작성했습니다 "TEST3", "테스트 4", "test5"] 나는 차트에서 축에 대한 내 차트를 이름의 배열을 전달해야

.

지금, 내 차트 축이의 .js 스크립트에 의해 결정됩니다 자리와 이름은 다음과 같습니다

var testArray = loadChartLabels(); 

var radarData = { 
        labels: testArray, 
        datasets: [ 
         { 
          label: "My First dataset", 
          fillColor: "rgba(140,70,120,0.5)", 
          strokeColor: "#ACC26D", 
          pointColor: "#fff", 
          pointStrokeColor: "#9DB86D", 
          data: [65, 59, 90, 81, 56, 55, 40] 
         }, 
         { 
          label: "My Second dataset", 
          fillColor: "rgba(172,194,132,0.4)", 
          strokeColor: "#ACC26D", 
          pointColor: "#fff", 
          pointStrokeColor: "#9DB86D", 
          data: [28, 48, 40, 19, 96, 27, 100] 
         } 
        ] 
       }; 

       var habits = document.getElementById("habits").getContext("2d"); 

       new Chart(habits).Radar(radarData); 

좀 있으리라 믿고있어 :

function loadChartLabels() { 
    var xhttp = new XMLHttpRequest(); 
    var returnArray = []; 
    xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == 4 && xhttp.status == 200) { 
      returnArray = xhttp.responseText; 
     } 
    }; 
    xhttp.open("GET", "http://localhost:8080/rest/database/chart/get/labels", true); 
    xhttp.send(); 

    return ["Eating", "Drinking", "21Test", "21Test1", "21Test2", "21Test3", "21Test4"]; 
    //window.alert(returnArray.toString); 
    //return returnArray; 
} 

여기 내 차트 스크립트입니다 AJAX의 변형을 사용하면 데이터베이스 값을 호출하고 반환하고 차트 축 값으로 설정할 수 있습니다. 그러나 이것을 정확히 수행하려면 어떻게해야합니까?

도움을 주시면 감사하겠습니다.

Answer 1

AJAX에서 데이터를 처리해야하는 경우 서버에서 출력하는 방식을 변경할 수 있습니다. JS 및 서버 내에서 사용하기 쉬운 JSON을 권하고 싶습니다. 당신이 '[ "테스트", "TEST2", "TEST3", "테스트 4", "test5"]와 같은 데이터 포맷 작업을해야하는 경우, 당신은이

var myarray=eval('["test","test2","test3","test4","test5"]'); 

같은 것을 사용해 볼 수 있습니다 하지만 기억해! 평가는 안전하지 않을 수 있습니다! https://stackoverflow.com/a/86580/3129342