使用AJAX调用从Web服务添加数据并在HTML页面中显示到数据表中

时间:2016-12-30 08:42:24

标签: javascript jquery ajax datatables

我希望使用ajax调用从webservice向数据表插件添加和显示数据,但不知道如何捕获数据

HTML页面:

  private void button1_Click(object sender, EventArgs e)
    {

        /* DataTable table = ConvertListToDataTable(ser.Non_Portable);
         dataGridView1.DataSource = table;*/
        DataTable dt = new DataTable();
        dataGridView1.DataSource = dt;
        dt.Columns.Add("NameOfGamingEquipment");
        dt.Columns.Add("ResourceId");
        dt.Columns.Add("RentalPrice");
        // Add more columns
        foreach (var item in ser.Portable)
        {
            var row = dt.NewRow();
            row["NameOfGamingEquipment"] = item.NameOfGamingEquipments;
            row["ResourceId"] = Convert.ToString(item.ResourceId);
            row["RentalPrice"] = item.RentalPrice;
            dt.Rows.Add(row);
        }
    }

2 个答案:

答案 0 :(得分:0)

DataTable的主要文档中,您需要将包含json的对象传递给ajax属性。这是一个例子:

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": "data/arrays.txt"
    } );
} );

发送到ajax的数据:

{
  "data": [
    [
      "Donna Snider",
      "Customer Support",
      "New York",
      "4226",
      "2011/01/25",
      "$112,000"
    ]
  ]
}

以下是官方文档的link

答案 1 :(得分:0)

不确定您想要什么,但尝试使用

更改代码
$(document).ready(function() {
      var realPath = "http://localhost:8080";
      var webCallUrl = realPath + "/mt/saasreporting/getopenticketssummary";
      //var project = projectname.innerText;
      var str = "XYZ";
      var var_data = "tenantid="+str;

      var table = $('#example').DataTable({
            "ajax": ({
              type: "POST",
              url: webCallUrl,
              data: var_data,
              datatype: 'json',
              complete: function(data) {
                var objdata = JSON.stringify(data);
              },
              error: function() {

              }

            }),