title: Can I run a SQL query in frontend Javascript?
body: <p>I want to run a SQL query in a .JS file. I tried to add some PHP codes to it but it didn't work of course. </p>
  
  <p>I want to run the SQL query: <code>SELECT price FROM list WHERE q=1</code>. I want to show the price in the chart. Does anyone know how I can run this SQL query in the .JS file so I can get the item price from the database?</p>
  
  <p>I am using the following JavaScript code: </p>
  
  <pre><code> /* Morris.js Charts */
    // Sales chart
    var area = new Morris.Area({
      element: 'revenue-chart',
      resize: true,
      data: [
        {y: '2016 Q1', item1: 5000, item2: 4460},
        {y: '2016 Q2', item1: 8432, item2: 5713}
      ],
      xkey: 'y',
      ykeys: ['item1', 'item2'],
      labels: ['Item 1', 'Item 2'],
      lineColors: ['#a0d0e0', '#3c8dbc'],
      hideHover: 'auto'
    });
    var line = new Morris.Line({
      element: 'line-chart',
      resize: true,
      data: [
        {y: '2015 Q4', item1: 0},
        {y: '2016 Q1', item1: 5000},
        {y: '2016 Q2', item1: 8432}
      ],
      xkey: 'y',
      ykeys: ['item1'],
      labels: ['Item 1'],
      lineColors: ['#efefef'],
      lineWidth: 2,
      hideHover: 'auto',
      gridTextColor: "#fff",
      gridStrokeWidth: 0.4,
      pointSize: 4,
      pointStrokeColors: ["#efefef"],
      gridLineColor: "#efefef",
      gridTextFamily: "Open Sans",
      gridTextSize: 10
    });
  </code></pre>