jquery - 如何通过jquery在div中显示来自webservice的json数据

Question

我制作了一个返回数据的getdata webmethod

    function GetService() {
       debugger;
//        var prod = $('#txt_num1').val();
//        var price = $('#txt_num2').val();
//        var active = $('#txt_num3').val();

        $.ajax({
            type: "POST",
            url: "WebService1.asmx/getdata",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            error: OnError,
        });

        function OnSuccess(data, status) {
            $("#lblResult").removeClass("loading");
            $("#lblResult").html($.parseJSON(data.d));
        }

        function OnError(request, status, error) {
            $("#lblResult").removeClass("loading");
            $("#lblResult").html(request.statusText);

        }
    }

我哪里错了？如何在 div 中通过 jquery 显示来自 web 服务的数据？

Answer 1

序列化您的回复：

            [WebMethod]
            public HttpResponseMessage getdata()
            {
                string conn = "Data Source=.\\sqlexpress; initial catalog=Test; user id=sa; pwd=manager;"; 
                SqlConnection connection = new SqlConnection(conn); 
                connection.Open(); 
                SqlDataAdapter da = new SqlDataAdapter("Select * from PRODUCT", connection); 
                DataSet dt = new DataSet(); 
                da.Fill(dt); 
                connection.Close();

                var resp = new HttpResponseMessage()
                {
                    Content = new StringContent(new JavaScriptSerializer().Serialize(dt))
                };
                resp.Content.Headers.ContentType = new MediaTypeHeaderValue("application/json");

                return resp;
            }

JS：

function OnSuccess(data) {
            console.log(data);
        }

function OnError(request, status, error) {
            console.trace();
        }

function GetService() {

        $.ajax({
            type: "POST",
            url: "WebService1.asmx/getdata",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            error: OnError,
        });
}