передача данных в формате JSON от контроллера для просмотра

Question

Частичный вид:

var dataa; 
    $.ajax({ 
     url: ServerUrl + '/Dashboard/GetData', 
     type: 'POST', 
     cache: false, 
     dataType: 'text', 
     async: true, 
     error: function (xhr) { 
      //alert('Error: ' + xhr.statusText); 
     }, 
     success: function (result) { 
      debugger; 
      dataa = result; 
      var chart = c3.generate({ 
       data: { 
        type: 'bar', 
        json: [ 
         dataa 
        ], 
        keys: { 
         x: 'indicator', 
         value: ['total'] 
        } 
       }, 
       axis: { 
        x: { 
         type: 'category' 
        } 
       }, 
       bar: { 
        width: { 
         ratio: 0.5 
        } 
       } 
      }); 
     } 
    }); 

Контроллер JSon код

public string GetData() 
{ 
return "{ 'indicator': 'X', 'total': 100 },{ 'indicator': 'Y', 'total': 200 },{ 'indicator': 'Z', 'total': 300 }"; 
} 

Когда я использую приведенный выше код не работает, но если я передать данные JSON, как указано в this JS Fiddle link, он работает. Я передаю данные JSON неправильно из контроллера.?

Пожалуйста, помогите.

Answer 1

Вы не возвращаете JSON из метода GetData. ли этот способ вернуть JSON

public JsonResult GetData() 
    { 
     var data = new[] { 
      new { indicator= "X", total = 100 }, 
      new { indicator= "Y", total = 200 }, 
      new { indicator= "Z", total = 300 } 
     }; 

      return Json(data,JsonRequestBehavior.AllowGet); 
    } 

И сделать Ajax вызов, как:

$.ajax({ 
     cache: false, 
     type: "GET", 
     url:URL, 
     dataType: 'json', 
     success: function (result) 
     { 
      console.log(result); 
     }, 
     error: function (xhr, ajaxOptions, thrownError) 
     { 
      alert('Failed to retrieve data.');      
     } 
     });