javascript - 从数据表中以 json 形式从 Controller 获取数据

Question

情况如下。

• 我在 datatable js 中使用 ajax 调用来绑定(bind)表中的 json 数据。
• 现在我直接使用 json 文件进行数据绑定(bind)。
• 现在我想访问我已经为其编写的数据库中的数据我的 Controller 中的方法返回 json 值。

• 但是我无法像调用 json 文件那样调用这个方法在 Ajax 。请提出解决方案。

  下面是代码示例

  var table = $('#example').DataTable({
          "ajax": "/content/data/dataList.json", //here I want the url of my method.
          "bDestroy": true,
          "iDisplayLength": 15,
          "columns": [
              {
                  "class": 'details-control',
                  "orderable": false,
                  //"data": null,
                  "defaultContent": ''
              },
              { "data": "name" },
          ],
          "order": [[1, 'asc']],
          "fnDrawCallback": function (oSettings) {
              runAllCharts();
          }
      }); 
  

还有我的方法 ID:

//Controller Name AppDetail
    public string getData(string ddlid)
    {
        DataTable ddl = new DataTable();
        string query = string.Empty;
        if (ddlid == "O1")
        {
            query = "SELECT for O1";
        }
        else if (ddlid == "O2")
        {
            query = "SELECT for O2";
        }
        con.Open();
        MySqlDataAdapter da = new MySqlDataAdapter(query, con);
        da.Fill(ddl);
        con.Close();
        System.Web.Script.Serialization.JavaScriptSerializer jSearializer = new System.Web.Script.Serialization.JavaScriptSerializer();
        return jSearializer.Serialize(ddl);               
    }

这是 json 数据示例

    {
    "data": [
         {
            "name": "Aladdin"
        }  
    ]
}

请帮忙。

Answer 1

如果您不使用服务器端处理方法，请首先使用ajax方法获取所有数据，然后在数据表上使用该数据。看看下面的代码...它可能会帮助您获得一些想法。

  $.ajax({
            url: 'api/AppDetail/getData',
            method: 'get',
            data :{ddlid:'01'},          // this is input parameter for your function
            dataType: 'json',
            contentType: 'text/json',
            success: function(res){
                var table=$('#example').dataTable({
                    data: res,
                    columns:[
                           {'data':'name'}
                      ],
                     bDestroy : true,
                iDisplayLength : 15,
                 });  
            }
        });