Json返回查询的数据，前台ajax获取

最新推荐文章于 2024-01-25 10:02:32 发布

转载最新推荐文章于 2024-01-25 10:02:32 发布 · 1.4k 阅读

json 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的前后端交互示例，后端通过WebMethod提供数据服务，使用C#实现从数据库中获取客户代码并返回JSON格式的数据；前端采用jQuery AJAX进行异步请求，将返回的数据填充到下拉框中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台代码：

[WebMethod]
    public string GetCusCode()
    {
        DataTable dt = C_c.SelectT("select CusCode from Customer");
        string jsonResult = null;
        if (dt.Rows.Count > 0)
        {
            jsonResult = JsonConvert.SerializeObject(dt,Formatting.Indented);
        }
        return jsonResult;
    }

前台代码：

<pre name="code" class="html">$(document).ready(function () {
 
            var rowOption = "";
            $.ajax({
                type: "post",
                contentType: "application/json",
                url: "/webservice/WebService.asmx/GetCode",
                data: "{}",
                dataType: "json",
                success: function (data) {
                    var dt = eval("("+data+")");
                    alert(dt[0].Code);
                    for (var i = 0; i < dt.length; i++) {
                        rowOption += "<option value=" + dt[i].Code + ">" + dt[i].Code + "</option>";
                    }
 
                    $("#cusselect ").empty();
                    $("#cusselect ").append(rowOption);
                }
            });
}）;