Jquery数据表如何读取使用aspx web方法转换为Json格式的服务器数据表

时间:2016-10-13 15:52:21

标签: jquery asp.net json ajax datatables-1.10

我是Jquery的新手并尝试使用文本框添加自定义搜索,并使用Jquery Datatables [[link]] [1]复选框。这里我的第一种方法是使用Jquery Ajax读取转换为JSON的服务器端数据表,但我不确定如何使其工作。关于aspx web方法没有太多解释。 我的代码是:

public partial class _Default : System.Web.UI.Page
 {
  protected void Page_Load(object sender, EventArgs e)
  {

  }
[WebMethod]
public static string GetData()
{

    string jstring = string.Empty;
    DataTable dt = new DataTable();

    dt.Columns.Add("pname");
    dt.Columns.Add("loc");
    dt.Columns.Add("country");
    dt.Columns.Add("fname");
    dt.Rows.Add("abcd", "xxx", "ie", "NIKE");
    dt.Rows.Add("kbfdgh", "blackrock", "uk", "Didi");
    dt.Rows.Add("gtrjht", "malahide", "uk", "OPEN");
    dt.Rows.Add("wxznay", "CORK", "ie", "WIN");
    return jstring = JsonConvert.SerializeObject(dt);
}

}

.aspx代码:

<script type="text/javascript">
    $(document).ready(function () {
        $('#example').DataTable({
            "processing": false,
            "serverSide": false,
            "ajax": {
                "url": "Default.aspx/GetData",
                dataSrc: function (json) {
                    return $.parseJSON(json.d);
                }

            }
        });
    });
</script>

如何将JSON数据表从服务器端显示到jquery数据表中。任何帮助都会很棒。感谢

0 个答案:

没有答案